/* 源美网络 www.szymweb.com *//* BANNER */ .top_banner{ float:left; width: 100%; overflow: hidden; height:100%; background-size: cover; position:absolute; z-index:40; background:#eae3d8} .top_banner .flexslider{ position:relative; width:100%; height:100%; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:40} .top_banner .slides{position:relative; height:100%; width:100%; z-index:40;} .top_banner .slides li{ width:100%; height:100%; cursor:pointer; text-align:center; overflow:hidden; position:absolute; left:0; top:0; background:#eae3d8;} .top_banner .slides li video{ float:left; width:100%; height:100%; background:#000; object-fit: fill/*全屏显示*/ } .top_banner .slides li img{ float:left; width:100%; height:auto /*animation: backgroundZoom 12s infinite;*/} .top_banner .flex-control-nav{position:absolute;top:45%; right:30px; text-align:center; width:10px; z-index:40} .top_banner .flex-control-nav li{display:inline-block;width:10px; margin:4px 0; *display:inline;zoom:1; cursor:pointer} .top_banner .flex-control-nav a{display:inline-block;width:10px; vertical-align:bottom;height:10px;line-height:100px; text-align:center; color:#fff; overflow:hidden; background:#111; cursor:pointer;border-radius:50%;} .top_banner .flex-control-nav .flex-active{ background:#eee;} .top_banner .flex-direction-nav{position:absolute;z-index:3;width:100%; height:141px;top:40%; display:none;} .top_banner .flex-direction-nav li a{display:block;width:39px;height:82px;overflow:hidden;cursor:pointer;position:absolute; transition:none;} .top_banner .flex-direction-nav li a.flex-prev{left:50px;background:url(../images/ban_left.png) 39px center no-repeat;} .top_banner:hover .flex-direction-nav li a.flex-prev{ background-position:center; transition: all .25s ease; } .top_banner .flex-direction-nav li a.flex-next{right:50px;background:url(../images/ban_right.png) -39px center no-repeat;} .top_banner:hover .flex-direction-nav li a.flex-next{ background-position:center; transition: all .25s ease; } /* banner文字 */ .top_banner .slides li .sli_top{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2); filter:alpha(opacity=18);} .top_banner .slides li .sli_top .c_ban{ position:absolute; width:80%; padding:0 10%; height:300px; left:0; top:50%; margin-top:-150px; text-align:right;} .top_banner .slides li dd{ float:left; width:100%;} .top_banner .slides li dd.dd_1{ height:60px; background:url(../images/banner_logo.png) right center no-repeat; background-size:auto 100%;} .top_banner .slides li dd.dd_2{ height:100px; line-height:100px; font-size:4vw; color:#fff; font-weight:bold; margin-top:20px;} .top_banner .slides li dd.dd_3{ line-height:30px; font-size:1.2vw; color:#fff; font-weight:bold; margin-bottom:30px;} .top_banner .slides li p{ float:right; width:100%; line-height:30px; font-size:1.2vw; color:#fff;opacity:0.7;} .top_banner .slides li span{ display:inline-table; height:30px; line-height:30px; font-size:1.2vw; color:#fff;opacity:0.3; padding-left:5px;} @keyframes backgroundZoom { 0% { transform:scale(1, 1); } 100% { transform:scale(1.1, 1.1); } } /* 切换触发文字动画 */ .top_banner .slides li .ban_images{ transform:scale(1, 1); transition: all 10s ease;} .top_banner .slides li .ban_images.flex-active-slide{ transform:scale(1.1, 1.1); /*animation: fadeInRight 0.5s;*/} .top_banner .slides li .sli_top .dd_1{ opacity: 0; transition: opacity 1s ease-in-out;} .top_banner .slides li .sli_top .dd_1.flex-active-slide{ opacity:1; /*animation: fadeInRight 0.5s;*/} .top_banner .slides li .sli_top .dd_2{ opacity: 0; transition: opacity 1.5s ease-in-out;} .top_banner .slides li .sli_top .dd_2.flex-active-slide{ opacity:1; /*animation: fadeInRight 0.5s;*/} .top_banner .slides li .sli_top .dd_3{ opacity: 0; transition: opacity 2.5s ease-in-out;} .top_banner .slides li .sli_top .dd_3.flex-active-slide{ opacity:1; /*animation: fadeInRight 0.5s;*/} .top_banner .slides li .sli_top p{ opacity: 0; transition: opacity 3s ease-in-out;} .top_banner .slides li .sli_top p.flex-active-slide{ opacity: 1; /*animation: fadeInRight 1s;*/} /* 向下提示箭头 */ .top_banner_ico{ position:absolute; width:15px; left:50%; height:70px; margin-left:-7.5px; bottom:10px; z-index:100} .top_banner_ico .scroll-btn_mouse{ float:left; width:100%; height:25px; background:url(../images/top_ico.png) center no-repeat; background-size:100% 25px;} .top_banner_ico .scroll-btn_arrow{ float:left; width:100%; height:45px; text-align:center; overflow:hidden; position:relative;} .top_banner_ico .scroll-btn_arrow img{ width:8px; transform:translateY(-50%); animation: scroll-tip-animation 2s infinite;} @keyframes scroll-tip-animation { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 1; transform: translateY(50px); } } /* 分屏主体 */ #pageContain { overflow: hidden; } .page { width:100%; height:100vh; overflow:hidden; position:relative} .page_item_bj{ float:left; width:100%; height:100vh} /* 分屏导航 */ #navBar{ width:250px; height:360px; position:absolute; top:50%; margin-top:-180px; left:30px; background:url(../images/LoutiNav.png) 16px 15px no-repeat; z-index:35;} #navBar li:nth-child(2){ /*margin-bottom:20px;*/} #navBar li:nth-child(3){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:40px;} #navBar li:nth-child(4){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(5){/*margin-bottom:20px;*/} #navBar li:nth-child(6){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:40px;} #navBar li:nth-child(7){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(8){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(9){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(10){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar .active{ background:url(../images/LoutiNav_active.png) left center no-repeat; background-size:auto 100%; color:#52430a} #navBar li{ cursor:pointer;text-indent:40px; margin-bottom:50px; transition:all .7s ease; color:#988c7b; overflow:hidden; text-align: left; position: relative; width:100%; height:35px;line-height:35px; background:url(../images/LoutiNav_li.png) left center no-repeat; background-size:auto 100%; transition:all .8s ease; blr:expression(this.onFocus=this.blur()); font-size:20px;color:#988c7b; } /* 第一屏内容 */ .pro_item1{ position:absolute; width:65%; height:100%; left:22%; top:0;} .pro_item1 .pro_item1_img{ position:absolute; width:30%; right:0; top:18%;} .pro_item1 .pro_item1_img img{ float:left; width:100%; } .pro_item1 .pro_item1_txt{ position:absolute; width:90%; left:0; top:45%; font-size:18px; color:#fff; line-height:32px; text-align:justify;} .pro_item1 .pro_item1_list{ position:absolute; left:0; top:25%; width:70%;} .pro_item1 .pro_item1_list li{ float:left; width:33.3%; height:100%; text-align:center;} .pro_item1 .pro_item1_list li img{ display:inline-table; height:160px} /* 第2屏内容 */ .pro_item2{ position:absolute; width:100%; height:100%; left:0; top:0} .pro_item2_c1{ position:absolute; width:800px; height:400px; left:50%; top:50%; margin:-200px 0 0 -400px; background:url(../images/pro_item2_2.png) center no-repeat; background-size:cover} .pro_item2_c2{ position:absolute; width:350px; height:350px; left:50%; top:50%; margin:-155px 0 0 -175px; background:url(../images/pro_item2_3.png) center no-repeat; background-size:100%; animation: rotate 32s linear infinite;} .pro_item2_c3{ position:absolute; width:800px; height:400px; left:50%; top:50%; margin:-200px 0 0 -400px; background:url(../images/pro_item2_4.png) center no-repeat; background-size:cover} .pro_item2_c4{ position:absolute; width:800px; height:520px; left:50%; top:50%; margin:-230px 0 0 -400px;} .pro_item2_c4 .pro_item2_c4_tit{ position:absolute; width:100%; height:10%; font-size:1.8vw; font-weight:bold; line-height:40px; left:0; top:0; text-align:center; color:#DBD4BF;} .pro_item2_c4 .pro_item2_c4_tit i{ vertical-align:middle; font-size:1.8vw; font-weight:bold; line-height:40px; color:#DBD4BF} .pro_item2_c4 .pro_item2_c4_nav{ position:absolute; width:100%; height:80%; left:0; top:0;} .pro_item2_c4 .pro_item2_c4_nav .btn{ position:absolute; width:140px; height:140px; color:#fff; outline:none; cursor:pointer; border:none; font-size:30px; font-weight:bold; color:#fff; line-height:36px; text-align:center; transition: all .5s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item2_c4 .pro_item2_c4_nav .btn i{ font-size:20px; color:#fff; font-weight:bold;} .pro_item2_c4 .pro_item2_c4_nav .btn1{ left:0; top:60%; background:url(../images/pro_item2_7.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn2{ left:45%; top:0; background:url(../images/pro_item2_6.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn3{ right:0; top:30%; background:url(../images/pro_item2_8.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn:hover{opacity:0.8; margin-top:5px;} .pro_item2_c4 .pro_item2_c4_con{ position:absolute; width:60%; height:40%; left:20%; top:30%;} .pro_item2_c4 .pro_item2_c4_con .content{ display:none; float:left; width:100%; height:80%; padding-top:20%; text-align:center; font-size:18px; color:#fff; line-height:32px;} .pro_item2_c4 .pro_item2_c4_con .content1{ background:url(../images/pro_item2_9.png) left bottom no-repeat; background-size:130px 130px} .pro_item2_c4 .pro_item2_c4_con .content2{ background:url(../images/pro_item2_10.png) 45% top no-repeat; background-size:130px 130px} .pro_item2_c4 .pro_item2_c4_con .content3{ background:url(../images/pro_item2_10.png) right 60% no-repeat; background-size:130px 130px} .pro_item2_c4 .pro_item2_c4_con .show{ display:block;} @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 第三屏内容 */ .pro_item3{ position:absolute; left:50%; margin-left:-325px; top:50%; margin-top:-325px; width:650px; height:650px; background:url(../images/pro_item3_2.png) center no-repeat; background-size:100% 100%; backgroundZoomss 2s infinite} .pro_item3 .pro_item3_top{ position:absolute; width:70%; height:70%; left:5%; top:5%; padding:10% 10%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item3 .pro_item3_top img{ display:inline-table; height:90px;} .pro_item3 .pro_item3_top dd{ float:left; width:100%; line-height:36px; color:#fff; text-align:center; font-size:30px; font-weight:bold; padding-bottom:15px} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:30px; color:#fff; text-align:center; font-size:18px;} /*.pro_item3:hover .pro_item3_top{opacity:0;}*/ .pro_item3 .pro_item3_list{ float:left; display:inline-table; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list1{ margin-left:32px; margin-top:145px;} .pro_item3 .pro_item3_list2{ margin-left:230px; margin-top:-20px;} .pro_item3 .pro_item3_list4{ margin-left:510px; margin-top:290px;} .pro_item3 .pro_item3_list5{ margin-left:310px; margin-top:120px;} .pro_item3 .pro_item3_list6{ margin-left:-320px; margin-top:-50px;} .pro_item3 .pro_item3_list .img{ float:left; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list .img img{ float:left; width:100%; transition:all 2s;} .pro_item3 .pro_item3_list .img:hover img{ transform:scale(1.2, 1.2);} .pro_item3 .pro_item3_list .co_co{ position:absolute; width:70%; height:0%; left:5%; top:50%; padding:0 10%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:0;} .pro_item3 .pro_item3_list3{ margin-left:510px; margin-top:120px;} .pro_item3 .pro_item3_list .co_co img{ display:inline-table; height:90px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:30px; color:#fff; text-align:center; font-size:18px; padding-top:20px;} .pro_item3 .pro_item3_list:hover .co_co{opacity:1; height:50%; top:5%; padding:15% 10%;} @keyframes backgroundZoomss { 0% { background-size:100% 100%; } 50% { background-size:105% 105%; } 100% { background-size:100% 100%; } } /* 第4屏内容 */ .pro_item4{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item4 div{ position:absolute} .pro_item4 div img{ float:left; width:100%} .pro_item4 .pro_item4_p_t1{ width:18%; left:28%; top:22%;} .pro_item4 .pro_item4_p_t2{ width:18%; right:16%; top:15%;} .pro_item4 .pro_item4_p_t3{ width:18%; right:6%; top:40%;} .pro_item4 .pro_item4_p_t4{ width:18%; right:13%; top:65%;} .pro_item4 .pro_item4_p_t5{ width:30%; left:20%; bottom:15%;} .pro_item4 .pro_item4_p_t5 h3{ float:left; line-height:40px; background:#fff; color:#000; font-size:30px; padding:5px 3%; font-weight:bold} .pro_item4 .pro_item4_p_t5 span{ float:left; width:100%; margin-top:30px; font-size:18px; line-height:32px; color:#232323; font-weight:bold; text-align:justify} /* 第5屏内容 */ .pro_item5{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item5 .pro_item5_con{ position:absolute; width:30%; right:5%; top:25%;} .pro_item5 .pro_item5_con h3{ float:left; line-height:36px; background:#fff; color:#000; font-size:30px; padding:5px 3%; font-weight:bold} .pro_item5 .pro_item5_con span{ float:left; width:100%; margin-top:30px; font-size:18px; line-height:32px; color:#232323; font-weight:bold; text-align:justify} .pro_item5 .pro_item5_con span i{ font-size:18px; line-height:32px; color:#232323; font-weight:bold; text-align:justify} /* 第55屏内容 */ .pro_item55{ position:absolute; width:100%; height:100%; left:0; top:0} .pro_item55_con{ position:absolute; width:60%; height:70%; left:20%; top:15%;} .pro_item55_con li{ position:absolute; width:25%; height:25%;/* animation: fadeOuts 6s forwards; */cursor:pointer; opacity:0.3} .pro_item55_con li:hover{opacity:1 !important;} .pro_item55_con li:active{opacity:1 !important;} .pro_item55_con li.pitm_ico1{ width:40%; top:0; left:15%; background:url(../images/pro_item55_0.png) left top no-repeat; background-size:auto 70%; animation:none; border:none !important; opacity:1} .pro_item55_con li.pitm_ico1 h3{ float:left; margin-left:100px; margin-top:60px; width:100%; line-height:50px; background:#fff; color:#232323; font-size:1.5vw; font-weight:bold; text-align:center;} .pro_item55_con li.pitm_ico1 span{ float:left; margin-left:100px; margin-top:10px; width:100%; line-height:26px; color:#232323; font-size:0.8vw; font-weight:bold; text-align:center;} .pro_item55_con li.pitm_ico2{ top:0; right:10%; background:url(../images/pro_item55_1.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.pitm_ico3{ top:35%; right:0%; background:url(../images/pro_item55_2.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.pitm_ico4{ right:10%; bottom:0%; background:url(../images/pro_item55_3.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.pitm_ico5{ left:10%; bottom:0%; background:url(../images/pro_item55_4.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.pitm_ico6{ top:35%; left:0%; background:url(../images/pro_item55_5.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li button{ float:left; width:100%; height:100%; background:none; border:none; outline:none; cursor:pointer;} .pro_item55_con li.activet{opacity:1 !important;} .pro_item55_con li.activet.pitm_ico2{ background:url(../images/pro_item55_1hover.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.activet.pitm_ico3{ background:url(../images/pro_item55_2hover.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.activet.pitm_ico4{ background:url(../images/pro_item55_3hover.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.activet.pitm_ico5{ background:url(../images/pro_item55_4hover.png) center no-repeat; background-size:auto 100%;} .pro_item55_con li.activet.pitm_ico6{ background:url(../images/pro_item55_5hover.png) center no-repeat; background-size:auto 100%;} .pro_item55_txt{ position:absolute; width:500px; height:150px; left:50%; top:50%; margin-top:-75px; margin-left:-250px;} .pro_item55_txt li:nth-child(1){ margin-top:-200px; margin-left:-110px;} .pro_item55_txt li:nth-child(1) h3{ background:#fff; color:#232323; margin-bottom:15px; width:auto; padding:0 20px; display:inline-table; float:none;} .pro_item55_txt li{ float:left; width:100%; text-align:center;} .pro_item55_txt li h3{ float:left; width:100%; font-size:1.2vw; font-weight:bold; text-align:center; line-height:50px;} .pro_item55_txt li span{ float:left; width:100%; font-size:0.8vw; font-weight:bold; text-align:center; line-height:26px;} .pro_item55_txt li.contentt{ display:none;} .pro_item55_txt li.contentt.showt{ display:block;} @keyframes fadeOuts { 0% { opacity: 1;} 100% { opacity: 0.3;} } .pro_item555{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item555_title{ position:absolute; width:30%; padding-right:0; overflow:hidden; top:27%; left:38%; padding-top:30px; background:url(../images/pro_item55_0.png) 100% top no-repeat; background-size:auto 150px;transition: all .5s ease;} .pro_item555_title h3{ float:left; width:65%; line-height:36px; font-size:30px; font-weight:bold; background:#fff; padding:5px 20px; color:#232323} .pro_item555_title span{ float:left; width:100%; margin-top:18px; line-height:26px; font-size:18px; color:#fff} .pro_item555_list{ position:absolute; width:70%; height:75%; left:20%; bottom:12%;} .pro_item555_list li{ float:left;} .pro_item555_list li.pro_item555_list_li1 p{ left:2%; top:3%;} .pro_item555_list li.pro_item555_list_li2 p{ right:10%; top:5%;} .pro_item555_list li.pro_item555_list_li3 p{ right:10%; bottom:5%;} .pro_item555_list li.pro_item555_list_li4 p{ left:40%; bottom:0;} .pro_item555_list li.pro_item555_list_li5 p{ left:0; bottom:5%;} .pro_item555_list li p{ position:absolute; width:280px; height:280px; cursor:pointer; opacity:0.8; transition: all .8s ease; blr:expression(this.onFocus=this.blur());} .pro_item555_list li p:hover{ opacity:1; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); transform:scale(1.1, 1.1);} .transparent_hover{opacity:0.3; transition: all .5s ease; blr:expression(this.onFocus=this.blur());} .pro_item555_list li.pro_item555_list_li1 p{ background:url(../images/pro_item555_2.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li2 p{ background:url(../images/pro_item555_3.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li3 p{ background:url(../images/pro_item555_4.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li4 p{ background:url(../images/pro_item555_5.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li5 p{ background:url(../images/pro_item555_6.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li .pro_item555_list_con{ position:absolute; width:35%; left:30%; height:0; overflow:hidden; top:24%; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); opacity: 0} .pro_item555_list li .pro_item555_list_con h3{ float:left; width:100%; font-size:30px; line-height:36px; color:#fff; text-align:center; font-weight:bold;} .pro_item555_list li .pro_item555_list_con span{ float:left; width:100%; font-size:18px; line-height:26px; color:#fff; text-align:center; margin-top:15px;} .pro_item555_list li:hover .pro_item555_list_con{ height:280px; opacity:1;} /* 第6屏内容 */ .pro_item6{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item6_title{ position:absolute; width:80%; height:15%; left:0; top:15%; padding:0 10%; text-align:center;} .pro_item6_title span{ float:left; width:100%; font-size:18px; line-height:32px; font-weight:bold} .pro_item6_title span.title_span1{ float:none; width:auto; display:inline-table; padding:5px 20px; background:#fff; color:#232323; font-weight:bold; line-height:36px; font-size:30px; margin-bottom:15px;} .pro_item6_list{ position:absolute; width:80%; height:65%; left:4%; bottom:0; padding:0 10%;} .pro_item6_list li{ float:left;} .pro_item6_list li.list_li{ width:20%;} .pro_item6_list li.list_ico{ width:6.5%; height:100%;} .pro_item6_list li.list_ico1{ background:url(../images/pro_item6_5.png) center 40% no-repeat; background-size:90% auto} .pro_item6_list li.list_ico2{ background:url(../images/pro_item6_6.png) center 40% no-repeat; background-size:90% auto} .pro_item6_list li.list_ico3{ background:url(../images/pro_item6_7.png) center 40% no-repeat; background-size:90% auto} .pro_item6_list li p{ float:left; width:100%; overflow:hidden; text-align:center;} .pro_item6_list li p img{ width:80%;} .pro_item6_list li h3{ float:left; width:100%; height:42px; line-height:20px; font-size:20px; text-align:center; font-weight:bold; overflow:hidden; margin:15px 0} .pro_item6_list li span{ float:left; width:100%; line-height:22px; font-size:18px; text-align:center} /* 第7屏内容 */ .pro_item7{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item7 .pro_item7_title{ position:absolute; width:100%; left:0; top:8%; text-align:center;} .pro_item7 .pro_item7_title h3{ display:inline-table; padding:5px 20px; line-height:36px; font-size:30px; font-weight:bold; background:#fff; color:#232323;} .pro_item7 .pro_item7_con{ position:absolute; left:20%; width:26%; top:15%;} .pro_item7 .pro_item7_con h3{ float:left; width:100%; line-height:36px; color:#232323; font-size:28px; font-weight:bold} .pro_item7 .pro_item7_con span{ float:left; width:100%; line-height:26px; color:#415800; font-size:18px; font-weight:bold;} .pro_item7 .pro_item7_con dd{ float:left; width:100%; line-height:20px; color:#232323; font-size:14px;text-align:justify} .pro_item7 .pro_item7_con2{ position:absolute; left:22%; width:30%; top:40%; line-height:22px; font-size:18px;text-align:justify} /* 第8屏内容 */ .pro_item8{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item8 .pro_item8_title{ position:absolute; width:100%; left:0; top:15%; text-align:center;} .pro_item8 .pro_item8_title h3{ display:inline-table; padding:5px 20px; line-height:36px; font-size:30px; font-weight:bold; background:#fff; color:#232323;} .pro_item8 .pro_item8_list{ position:absolute; width:80%; padding:0 10%; left:0; bottom:10%;} .pro_item8 .pro_item8_list li{ float:left; width:40%; padding:0 5%;} .pro_item8 .pro_item8_list li p{ float:left; width:100%;} .pro_item8 .pro_item8_list li p img{ float:left; width:100%;} .pro_item8 .pro_item8_list li h3{ float:left; width:100%; font-size:20px; font-weight:bold; color:#232323; line-height:30px; text-align:center; padding-bottom:15px} .pro_item8 .pro_item8_list li span{ float:left; width:50%; padding:0 25%; font-size:18px; font-weight:bold; color:#232323; line-height:26px; text-align:center;} /* 第9屏内容 */ .pro_item9{ float:left; width:100%; overflow:hidden; background:url(../images/pro_item9_1.png) center bottom no-repeat; background-attachment:fixed; background-size:cover; padding:80px 0;} .pro_item9_nav{ position:absolute; right:8%; top:16%; z-index:2; background:#eae3d8; border-radius:5px; overflow:hidden;} .pro_item9_nav a{ float:left; padding:0 20px; line-height:30px; font-size:18px; color:#232323} .pro_item9_con{ float:left; padding-left:20%; width:75%; overflow:hidden;} .pro_item9_con .pro_item9_con_title{ float:left; width:100%; height:40px; font-size:30px; font-weight:bold} .pro_item9_con .pro_item9_con_title i{ display:inline-table; font-size:30px; font-weight:bold; vertical-align:middle; margin:10px 0 0 20px} .pro_item9_con .pro_item9_con_list{ float:left; width:100%; margin-top:50px; border-top:3px solid #ADB391; padding-top:10px} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_l{ float:left; width:15%; font-size:3.5vw; color:#758043; font-weight:bold} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r{ float:right; width:85%;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r li{ float:left; width:100%; line-height:30px; border-bottom:1px dotted #758043} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r li span{ float:left; width:35%; overflow:hidden; line-height:32px; font-size:18px; color:#565656} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r li h3{ float:right; width:60%; padding-left:5%; overflow:hidden; line-height:32px; font-size:18px; color:#565656} .pro_item9_con::-webkit-scrollbar-track-piece { display:block; width:5px; background-color:#ddd; } .pro_item9_con::-webkit-scrollbar {display:block; width:5px; background-color:#2e1a46; } .pro_item9_con::-webkit-scrollbar-thumb {display:block; width:5px; background-color:#2e1a46; } .pro_item9_con::-webkit-scrollbar-thumb:hover { width:5px; background-color:#2e1a46; } /* 第10屏内容 */ .pro_item10{ float:left; width:100%; overflow:hidden; padding:80px 0} .pro_item10_nav{ position:absolute; right:8%; top:16%; z-index:2; background:#eae3d8; border-radius:5px; overflow:hidden;} .pro_item10_nav a{ float:left; padding:0 20px; line-height:30px; font-size:18px; color:#232323} .pro_item10_con{ float:left; padding-left:20%; width:75%; } .pro_item10_con .pro_item10_con_title{ float:left; width:100%; height:40px; font-size:30px; font-weight:bold;} .pro_item10_con .pro_item10_con_title i{ display:inline-table; font-size:30px; font-weight:bold; vertical-align:middle; margin:10px 0 0 20px} .pro_item10_con .pro_item10_con_list{ float:left; width:100%; display:block;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_title{ float:left; width:98%; height:75px; padding-right:2%; line-height:100%; font-size:6em; font-weight:bold; padding-top:50px; color:#C45B27; text-align:right;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con{ float:left; width:100%; padding:60px 0; overflow:hidden; border-radius:20px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li{ float:left; width:100%; background:url(../images/pro_item10_con_list_con_liico.png) center repeat-y; padding-bottom:50px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_l{ float:left; width:40%; padding:0 5%; overflow:hidden;border-radius:20px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_l img{ float:left; width:100%; overflow:hidden;border-radius:20px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r{ float:right; width:40%; padding:0 5%;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r dd{ float:left; width:100%; height:80px; line-height:80px; font-size:6em; color:#232323; font-weight:bold; text-align:left} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r dd i{ display:inline-table;font-size:26px; color:#232323; font-weight:bold; text-align:left} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r span{ float:left; width:100%; font-size:1.4em; line-height:30px; color:#232323; padding-top:5px; text-align:left;} .pro_item10_con::-webkit-scrollbar-track-piece { display:block; width:5px; background-color:#ddd; } .pro_item10_con::-webkit-scrollbar {display:block; width:5px; background-color:#2e1a46; } .pro_item10_con::-webkit-scrollbar-thumb {display:block; width:5px; background-color:#2e1a46; } .pro_item10_con::-webkit-scrollbar-thumb:hover { width:5px; background-color:#2e1a46; } .pro_item10_con .pro_item10_con_list:nth-child(3) .pro_item10_con_list_con{ background:#C45B27;} .pro_item10_con .pro_item10_con_list:nth-child(4) .pro_item10_con_list_con{ background:#5EA3A9;} .pro_item10_con .pro_item10_con_list:nth-child(5) .pro_item10_con_list_con{ background:#56A463;} .pro_item10_con .pro_item10_con_list:nth-child(6) .pro_item10_con_list_con{ background:#9D7E4D;} .pro_item10_con .pro_item10_con_list:nth-child(7) .pro_item10_con_list_con{ background:#B38730;} .pro_item10_con .pro_item10_con_list:nth-child(8) .pro_item10_con_list_con{ background:#A079AD;} .pro_item10_con .pro_item10_con_list:nth-child(9) .pro_item10_con_list_con{ background:#C45B27;} .pro_item10_con .pro_item10_con_list:nth-child(10) .pro_item10_con_list_con{ background:#5EA3A9;} .pro_item10_con .pro_item10_con_list:nth-child(11) .pro_item10_con_list_con{ background:#56A463;} .pro_item10_con .pro_item10_con_list:nth-child(12) .pro_item10_con_list_con{ background:#9D7E4D;} .pro_item10_con .pro_item10_con_list:nth-child(13) .pro_item10_con_list_con{ background:#B38730;} .pro_item10_con .pro_item10_con_list:nth-child(14) .pro_item10_con_list_con{ background:#A079AD;} /*.pro_item10_con .pro_item10_con_list:nth-child(3) .pro_item10_con_list_title{ color:#C45B27;} .pro_item10_con .pro_item10_con_list:nth-child(4) .pro_item10_con_list_title{ color:#5EA3A9;} .pro_item10_con .pro_item10_con_list:nth-child(5) .pro_item10_con_list_title{ color:#56A463;} .pro_item10_con .pro_item10_con_list:nth-child(6) .pro_item10_con_list_title{ color:#9D7E4D;} .pro_item10_con .pro_item10_con_list:nth-child(7) .pro_item10_con_list_title{ color:#B38730;} .pro_item10_con .pro_item10_con_list:nth-child(8) .pro_item10_con_list_title{ color:#A079AD;} .pro_item10_con .pro_item10_con_list:nth-child(9) .pro_item10_con_list_title{ color:#C45B27;} .pro_item10_con .pro_item10_con_list:nth-child(10) .pro_item10_con_list_title{ color:#5EA3A9;} .pro_item10_con .pro_item10_con_list:nth-child(11) .pro_item10_con_list_title{ color:#56A463;} .pro_item10_con .pro_item10_con_list:nth-child(12) .pro_item10_con_list_title{ color:#9D7E4D;} .pro_item10_con .pro_item10_con_list:nth-child(13) .pro_item10_con_list_title{ color:#B38730;} .pro_item10_con .pro_item10_con_list:nth-child(14) .pro_item10_con_list_title{ color:#A079AD;}*/ .pro_item10_con .pro_item10_con_list:nth-child(even) .pro_item10_con_list_title{ text-align:left; padding-right:0; padding-left:2%;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li:nth-child(even) .pro_item10_con_list_con_l{ float:right;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li:nth-child(even) .pro_item10_con_list_con_r{ float:left;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li:nth-child(even) .pro_item10_con_list_con_r dd{ text-align:right} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li:nth-child(even) .pro_item10_con_list_con_r dd i{ text-align:right} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li:nth-child(even) .pro_item10_con_list_con_r span{ text-align:right} .pro_item10_con_linav{ float:left; width:100%; margin-top:2%} .pro_item10_con_linav ul{ float:left; width:101.6%; margin-left:-1.6%;} .pro_item10_con_linav li{ float:right; width:15%; height:90vh; margin-left:1.6%; position:relative; overflow:hidden;border-radius:30px; background:#C45B27; margin-bottom:10px; transition: all .5s ease; display:inline-block;} .pro_item10_con_linav li:hover{ transform: scale(1.15);} .pro_item10_con_linav li a{ float:left; width:100%; height:100%; line-height:90vh; overflow:hidden; position:relative; display:inline-block;} .pro_item10_con_linav li img{ display:inline-table; width:100%; vertical-align:bottom;} .pro_item10_con_linav li:nth-child(1){ background:#bb5642} .pro_item10_con_linav li:nth-child(2){ background:#4da0a3} .pro_item10_con_linav li:nth-child(3){ background:#5e986b} .pro_item10_con_linav li:nth-child(4){ background:#987756} .pro_item10_con_linav li:nth-child(5){ background:#ba9533} .pro_item10_con_linav li:nth-child(6){ background:#9e79a6} .pro_item10_con_linav li:nth-child(7){ background:#bb5642} .pro_item10_con_linav li:nth-child(8){ background:#4da0a3} .pro_item10_con_linav li:nth-child(9){ background:#5e986b} .pro_item10_con_linav li:nth-child(10){ background:#987756} .pro_item10_con_linav li:nth-child(11){ background:#ba9533} .pro_item10_con_linav li:nth-child(12){ background:#9e79a6} .pro_item10_con_linav li span{ position:absolute; width:50px; font-size:100px; font-weight:bold; line-height:50px;transform: rotate(90deg); top:10px; left:20px; color:#fff; transition: all .5s ease; opacity:0.5;} .pro_item10_con_linav li:hover span{opacity:1;} .pro_item10_con_linav li dl{ position:absolute; width:150px; right:-50px; top:80px; font-size:22px; line-height:22px;transform: rotate(90deg); transition: all .5s ease; color:#fff; font-weight:bold; opacity:0.5;} .pro_item10_con_linav li:hover dl{opacity:1;} .pro_item10_con_linav li dd{ position:absolute; width:20px; right:37px; top:18px; font-size:18px; line-height:22px; color:#fff; font-weight:bold; transition: all .5s ease; opacity:0.5;} .pro_item10_con_linav li:hover dd{opacity:1;} /*.pro_item10_con_linav li:nth-child(1) dd{ color:#da9482} .pro_item10_con_linav li:nth-child(2) dd{ color:#88c7ca} .pro_item10_con_linav li:nth-child(3) dd{ color:#97c2a1} .pro_item10_con_linav li:nth-child(4) dd{ color:#c2ab8f} .pro_item10_con_linav li:nth-child(5) dd{ color:#d8c06e} .pro_item10_con_linav li:nth-child(6) dd{ color:#c6accc} .pro_item10_con_linav li:nth-child(7) dd{ color:#da9482} .pro_item10_con_linav li:nth-child(8) dd{ color:#88c7ca} .pro_item10_con_linav li:nth-child(9) dd{ color:#97c2a1} .pro_item10_con_linav li:nth-child(10) dd{ color:#c2ab8f} .pro_item10_con_linav li:nth-child(11) dd{ color:#d8c06e} .pro_item10_con_linav li:nth-child(12) dd{ color:#c6accc} .pro_item10_con_linav li:nth-child(1) span{ color:#da9482} .pro_item10_con_linav li:nth-child(2) span{ color:#88c7ca} .pro_item10_con_linav li:nth-child(3) span{ color:#97c2a1} .pro_item10_con_linav li:nth-child(4) span{ color:#c2ab8f} .pro_item10_con_linav li:nth-child(5) span{ color:#d8c06e} .pro_item10_con_linav li:nth-child(6) span{ color:#c6accc} .pro_item10_con_linav li:nth-child(7) span{ color:#da9482} .pro_item10_con_linav li:nth-child(8) span{ color:#88c7ca} .pro_item10_con_linav li:nth-child(9) span{ color:#97c2a1} .pro_item10_con_linav li:nth-child(10) span{ color:#c2ab8f} .pro_item10_con_linav li:nth-child(11) span{ color:#d8c06e} .pro_item10_con_linav li:nth-child(12) span{ color:#c6accc}*/ /* 年份盒子弹窗 */ .starfieldc_con{ position:fixed; width:75%; height:94%; left:20%; padding:2% 5% 2% 0; top:0; background:#eae3d8; display:none; z-index:100;animation: scroll-gradient 3s linear infinite;} @keyframes scroll-gradient { 0% { box-shadow: 0 1px 2px #eae3d8; } 50% { box-shadow: 0 1px 20px #eae3d8; } 100% { box-shadow: 0 1px 2px #eae3d8; } } .starfieldc_con .close{ position:absolute; right:10px; top:4%; width:30px; height:30px; background:url(../images/theclose.png) center no-repeat; background-size:cover;} .starfieldc_con_c{ float:left; width:96%; height:100%; padding:0 2%; overflow:hidden; overflow-y:auto;} /* 年份盒子弹窗背景 */ .black_shows { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); filter:alpha(opacity=50); z-index: 80;} #light1 .starfieldc_con{ box-shadow: 0 2px 20px #C45B27;} #light1 .starfieldc_con_c .pro_item10_con_list_con{ background:#C45B27;} #light1 .starfieldc_con_c .pro_item10_con_list_title{ color:#C45B27} #light2 .starfieldc_con_c .pro_item10_con_list_con{ background:#5EA3A9;} #light2 .starfieldc_con_c .pro_item10_con_list_title{ color:#5EA3A9} #light3 .starfieldc_con_c .pro_item10_con_list_con{ background:#56A463;} #light3 .starfieldc_con_c .pro_item10_con_list_title{ color:#56A463} #light4 .starfieldc_con_c .pro_item10_con_list_con{ background:#9D7E4D;} #light4 .starfieldc_con_c .pro_item10_con_list_title{ color:#9D7E4D} #light5 .starfieldc_con_c .pro_item10_con_list_con{ background:#B38730;} #light5 .starfieldc_con_c .pro_item10_con_list_title{ color:#B38730} #light6 .starfieldc_con_c .pro_item10_con_list_con{ background:#A079AD;} #light6 .starfieldc_con_c .pro_item10_con_list_title{ color:#A079AD} #light7 .starfieldc_con_c .pro_item10_con_list_con{ background:#C45B27;} #light7 .starfieldc_con_c .pro_item10_con_list_title{ color:#C45B27} #light8 .starfieldc_con_c .pro_item10_con_list_con{ background:#5EA3A9;} #light8 .starfieldc_con_c .pro_item10_con_list_title{ color:#5EA3A9} #light9 .starfieldc_con_c .pro_item10_con_list_con{ background:#56A463;} #light9 .starfieldc_con_c .pro_item10_con_list_title{ color:#56A463} #light10 .starfieldc_con_c .pro_item10_con_list_con{ background:#9D7E4D;} #light10 .starfieldc_con_c .pro_item10_con_list_title{ color:#9D7E4D} #light11 .starfieldc_con_c .pro_item10_con_list_con{ background:#B38730;} #light11 .starfieldc_con_c .pro_item10_con_list_title{ color:#B38730} #light12 .starfieldc_con_c .pro_item10_con_list_con{ background:#A079AD;} #light12 .starfieldc_con_c .pro_item10_con_list_title{ color:#A079AD} /* 第11屏内容 */ .pro_item11{ float:left; width:100%; overflow:hidden; background:url(../images/pro_item11_1.png) center bottom no-repeat; background-attachment:fixed; background-size:cover; padding:80px 0;} .pro_item11_con{ float:left; padding-left:20%; width:75%; } .pro_item11_con .pro_item11_con_title{ float:left; width:100%; height:40px; font-size:30px; font-weight:bold;} .pro_item11_con .pro_item11_con_title i{ display:inline-table; font-size:30px; font-weight:bold; vertical-align:middle; margin:10px 0 0 20px} .pro_item11_con .pro_item11_con_list{ float:left; width:100%;} .pro_item11_con .pro_item11_con_list ul{ float:left; width:103%; margin-left:-3%;} .pro_item11_con .pro_item11_con_list li{ float:left; width:47%; margin-left:3%; margin-top:50px;} .pro_item11_con .pro_item11_con_list li h3{ float:left; width:100%; font-size:20px; line-height:60px; font-weight:bold; color:#758043} .pro_item11_con .pro_item11_con_list li .pro_itemlist_img{ float:left; width:87%; margin-right:3%; border-radius:20px; overflow:hidden} .pro_item11_con .pro_item11_con_list li .pro_itemlist_img img{ float:left; width:100%; transition:all 3s;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_img:hover img{ transform:scale(1.1, 1.1);} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down{ float:right; width:10%;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p{ float:left; width:40px; padding-top:45px; line-height:20px; margin:20px 0 0 0; font-size:16px; color:#758043; text-align:center; transition: all .8s ease; blr:expression(this.onFocus=this.blur());} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p.down_l{ background:url(../images/down_l_bj.png) center top no-repeat; background-size:100% auto;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p.down_d{ background:url(../images/down_d_bj.png) center top no-repeat; background-size:100% auto;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p.down_l:hover{ background:url(../images/down_l_bjhover.png) center top no-repeat; background-size:100% auto;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p.down_d:hover{ background:url(../images/down_d_bjhover.png) center top no-repeat; background-size:100% auto;} .pro_item11_con::-webkit-scrollbar-track-piece { display:block; width:5px; background-color:#ddd; } .pro_item11_con::-webkit-scrollbar {display:block; width:5px; background-color:#2e1a46; } .pro_item11_con::-webkit-scrollbar-thumb {display:block; width:5px; background-color:#2e1a46; } .pro_item11_con::-webkit-scrollbar-thumb:hover { width:5px; background-color:#2e1a46; } /* 缩略图浏览 */ .img_content { display: none; position:fixed; background-color: white; z-index:100; overflow:hidden; border: solid 1px #768044;border-radius:20px; height:600px; width:800px; left:50%; top:50%; margin:-340px 0 0 -400px; padding:20px; text-align:center;box-shadow: 0 5px 20px #fff; } .img_content span{ float:left; width:100%;font-size:20px; line-height:36px; color:#232323; } .img_content img{ float:left; width:100%; margin-bottom:10px} .colse_btn { border: solid 1px #768044; color: white; height: 30px; line-height:30px; width: 60px; background: #768044; border-radius:5px; display:inline-table; outline: none; cursor: pointer; text-align: center; } .height50{ overflow:hidden; background:#eae3d8; height:50px;} @media screen and (max-width:1680px){ .pro_item6_list{ position:absolute; width:80%; height:60%; left:4%; bottom:0; padding:0 10%;} .pro_item6_list{ height:70%;} .pro_item6_title{ top:8%;} .pro_item6_list li p img{ width:50%;} .pro_item6_list li span{ float:left; width:100%; line-height:24px; font-size:18px; text-align:center} .pro_item7{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item7 .pro_item7_title{ position:absolute; width:100%; left:0; top:8%; text-align:center;} .pro_item7 .pro_item7_title h3{ display:inline-table; padding:5px 20px; line-height:36px; font-size:30px; font-weight:bold; background:#fff; color:#232323;} .pro_item7 .pro_item7_con{ position:absolute; left:20%; width:35%; top:20%;} .pro_item7 .pro_item7_con h3{ float:left; width:100%; line-height:36px; color:#232323; font-size:28px; font-weight:bold} .pro_item7 .pro_item7_con span{ float:left; width:100%; line-height:26px; color:#415800; font-size:18px; font-weight:bold;} .pro_item7 .pro_item7_con dd{ float:left; width:100%; line-height:20px; color:#232323; font-size:14px;text-align:justify} .pro_item7 .pro_item7_con2{ position:absolute; left:22%; width:40%; top:41%; line-height:24px; font-size:18px;text-align:justify} .pro_item8{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item8 .pro_item8_title{ position:absolute; width:100%; left:0; top:15%; text-align:center;} .pro_item8 .pro_item8_title h3{ display:inline-table; padding:5px 20px; line-height:36px; font-size:30px; font-weight:bold; background:#fff; color:#232323;} .pro_item8 .pro_item8_list{ position:absolute; width:80%; padding:0 10%; left:0; bottom:10%;} .pro_item8 .pro_item8_list li{ float:left; width:40%; padding:0 5%;} .pro_item8 .pro_item8_list li p{ float:left; width:100%;} .pro_item8 .pro_item8_list li p img{ float:left; width:100%;} .pro_item8 .pro_item8_list li h3{ float:left; width:100%; font-size:20px; font-weight:bold; color:#232323; line-height:30px; text-align:center; padding-bottom:15px} .pro_item8 .pro_item8_list li span{ float:left; width:50%; padding:0 25%; font-size:18px; font-weight:bold; color:#232323; line-height:26px; text-align:center;} } @media screen and (max-width:1600px){ .pro_item1 .pro_item1_txt{ top:42%; line-height:27px;} .pro_item1 .pro_item1_list{ top:22%;} .pro_item1 .pro_item1_list li img{height:140px} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:18px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:18px; padding-top:20px;} .pro_item4 .pro_item4_p_t5{ bottom:12%} .pro_item4 .pro_item4_p_t5 span{ line-height:26px;} .pro_item5 .pro_item5_con{ top:20%;} .pro_item5 .pro_item5_con span{ line-height:26px;} .pro_item5 .pro_item5_con span i{ line-height:26px;} .pro_item555{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item555_title{ position:absolute; width:32%; padding-right:0; overflow:hidden; top:22%; left:37%; padding-top:70px; background:url(../images/pro_item55_0.png) 100% top no-repeat; background-size:auto 150px;transition: all .5s ease;} .pro_item555_title h3{ float:left; width:60%; line-height:26px; font-size:22px; font-weight:bold; background:#fff; padding:5px 20px; color:#232323} .pro_item555_title span{ float:left; width:100%; margin-top:18px; line-height:22px; font-size:18px; color:#fff} .pro_item555_list{ position:absolute; width:70%; height:75%; left:20%; bottom:12%;} .pro_item555_list li{ float:left;} .pro_item555_list li.pro_item555_list_li1 p{ left:2%; top:3%;} .pro_item555_list li.pro_item555_list_li2 p{ right:10%; top:5%;} .pro_item555_list li.pro_item555_list_li3 p{ right:10%; bottom:5%;} .pro_item555_list li.pro_item555_list_li4 p{ left:40%; bottom:0;} .pro_item555_list li.pro_item555_list_li5 p{ left:0; bottom:5%;} .pro_item555_list li p{ position:absolute; width:200px; height:200px; cursor:pointer; opacity:0.8; transition: all .8s ease; blr:expression(this.onFocus=this.blur());} .pro_item555_list li p:hover{ opacity:1; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); transform:scale(1.1, 1.1);} .transparent_hover{opacity:0.3; transition: all .5s ease; blr:expression(this.onFocus=this.blur());} .pro_item555_list li.pro_item555_list_li1 p{ background:url(../images/pro_item555_2.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li2 p{ background:url(../images/pro_item555_3.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li3 p{ background:url(../images/pro_item555_4.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li4 p{ background:url(../images/pro_item555_5.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li5 p{ background:url(../images/pro_item555_6.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li .pro_item555_list_con{ position:absolute; width:45%; left:25%; height:0; overflow:hidden; top:24%; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); opacity: 0} .pro_item555_list li .pro_item555_list_con h3{ float:left; width:100%; font-size:30px; line-height:36px; color:#fff; text-align:center; font-weight:bold;} .pro_item555_list li .pro_item555_list_con span{ float:left; width:100%; font-size:18px; line-height:22px; color:#fff; text-align:center; margin-top:15px;} .pro_item555_list li:hover .pro_item555_list_con{ height:280px; opacity:1;} .pro_item6_list{ position:absolute; width:80%; height:60%; left:8%; bottom:0; padding:0 10%;} .pro_item6_list{ height:70%;} .pro_item6_title{ top:8%;} .pro_item6_list li p img{ width:50%;} .pro_item6_list li span{ float:left; width:100%; line-height:22px; font-size:18px; text-align:center} .pro_item7{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item7 .pro_item7_title{ position:absolute; width:100%; height:10%; left:0; top:5%; line-height:70px; font-size:28px; font-weight:bold; text-align:center;} .pro_item7 .pro_item7_title i{ font-size:40px; font-weight:bold;} .pro_item7 .pro_item7_title i.b{ vertical-align:middle} .pro_item7 .pro_item7_con{ position:absolute; left:20%; width:40%; top:18%;} .pro_item7 .pro_item7_con h3{ float:left; width:100%; line-height:50px; color:#232323; font-size:22px; font-weight:bold} .pro_item7 .pro_item7_con span{ float:left; width:100%; line-height:26px; color:#415800; font-size:20px;} .pro_item7 .pro_item7_con dd{ float:left; width:100%; line-height:20px; color:#232323; font-size:12px; text-align:justify} .pro_item7 .pro_item7_con2{ position:absolute; left:21%; width:38%; top:41%; line-height:20px; font-size:15px; text-align:justify} .pro_item8 .pro_item8_list{ bottom:10%;} .pro_item8 .pro_item8_title{ top:10%;} .height50{ height:80px;} } @media screen and (max-width:1440px){ #navBar{ width:250px; height:340px; position:absolute; top:50%; margin-top:-170px; left:30px; background:url(../images/LoutiNav.png) 14px 15px no-repeat; background-size:3px 350px !important; z-index:35;} #navBar li:nth-child(2){/* margin-bottom:20px;*/} #navBar li:nth-child(3){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:35px;} #navBar li:nth-child(4){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(5){/*margin-bottom:20px;*/} #navBar li:nth-child(6){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:35px;} #navBar li:nth-child(7){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(8){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(9){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar li:nth-child(10){ background:none; font-size:14px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:20px; text-indent:0; overflow:hidden; margin-left:10px;} #navBar .active{ background:url(../images/LoutiNav_active.png) left center no-repeat; background-size:auto 100%; color:#52430a} #navBar li{ cursor:pointer;text-indent:35px; margin-bottom:50px; transition:all .7s ease; color:#988c7b; overflow:hidden; text-align: left; position: relative; width:100%; height:30px;line-height:30px; background:url(../images/LoutiNav_li.png) left center no-repeat; background-size:auto 100%; transition:all .8s ease; blr:expression(this.onFocus=this.blur()); font-size:18px;color:#988c7b; } .pro_item2_c4 .pro_item2_c4_con .content{ padding-top:15%;} .pro_item3{ position:absolute; left:50%; margin-left:-225px; top:50%; margin-top:-225px; width:450px; height:450px; background:url(../images/pro_item3_2.png) center no-repeat; background-size:cover} .pro_item3 .pro_item3_top{ position:absolute; width:72%; height:80%; left:7%; top:5%; padding:5% 7%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item3 .pro_item3_top img{ display:inline-table; height:50px;} .pro_item3 .pro_item3_top dd{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:22px; font-weight:bold; padding-bottom:5px} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:18px; color:#fff; text-align:center; font-size:16px; padding-top:0px;} /*.pro_item3:hover .pro_item3_top{opacity:0;}*/ .pro_item3 .pro_item3_list{ float:left; display:inline-table; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list1{ margin-left:20px; margin-top:90px;} .pro_item3 .pro_item3_list2{ margin-left:145px; margin-top:-20px;} .pro_item3 .pro_item3_list3{ margin-left:395px; margin-top:-37px;} .pro_item3 .pro_item3_list4{ margin-left:400px; margin-top:190px;} .pro_item3 .pro_item3_list5{ margin-left:205px; margin-top:70px;} .pro_item3 .pro_item3_list6{ margin-left:-230px; margin-top:-50px;} .pro_item3 .pro_item3_list .img{ float:left; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list .img img{ float:left; width:100%; transition:all 2s;} .pro_item3 .pro_item3_list .img:hover img{ transform:scale(1.2, 1.2);} .pro_item3 .pro_item3_list .co_co{ position:absolute; width:70%; height:0%; left:5%; top:50%; padding:0 10%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:0;} .pro_item3 .pro_item3_list .co_co img{ display:inline-table; height:50px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:18px; color:#fff; text-align:center; font-size:16px; padding-top:5px;} .pro_item3 .pro_item3_list:hover .co_co{opacity:1; height:60%; top:5%; padding:10% 10%;} .pro_item55_txt li:nth-child(1){ margin-top:-100px; margin-left:-80px;} .pro_item4 .pro_item4_p_t5{ bottom:5%;} .pro_item4 .pro_item4_p_t5 span{ line-height:26px} .pro_item5 .pro_item5_con{ top:10%;} .pro_item5 .pro_item5_con span{ line-height:26px;} .pro_item5 .pro_item5_con span i{ line-height:26px;} .pro_item555{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item555_title{ position:absolute; width:32%; padding-right:0; overflow:hidden; top:20%; left:37%; padding-top:70px; background:url(../images/pro_item55_0.png) 100% top no-repeat; background-size:auto 150px;transition: all .5s ease;} .pro_item555_title h3{ float:left; width:57%; line-height:26px; font-size:20px; font-weight:bold; background:#fff; padding:5px 20px; color:#232323} .pro_item555_title span{ float:left; width:100%; margin-top:18px; line-height:22px; font-size:15px; color:#fff} .pro_item555_list{ position:absolute; width:70%; height:75%; left:20%; bottom:12%;} .pro_item555_list li{ float:left;} .pro_item555_list li.pro_item555_list_li1 p{ left:2%; top:3%;} .pro_item555_list li.pro_item555_list_li2 p{ right:10%; top:5%;} .pro_item555_list li.pro_item555_list_li3 p{ right:10%; bottom:5%;} .pro_item555_list li.pro_item555_list_li4 p{ left:40%; bottom:0;} .pro_item555_list li.pro_item555_list_li5 p{ left:0; bottom:5%;} .pro_item555_list li p{ position:absolute; width:200px; height:200px; cursor:pointer; opacity:0.8; transition: all .8s ease; blr:expression(this.onFocus=this.blur());} .pro_item555_list li p:hover{ opacity:1; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); transform:scale(1.1, 1.1);} .transparent_hover{opacity:0.3; transition: all .5s ease; blr:expression(this.onFocus=this.blur());} .pro_item555_list li.pro_item555_list_li1 p{ background:url(../images/pro_item555_2.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li2 p{ background:url(../images/pro_item555_3.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li3 p{ background:url(../images/pro_item555_4.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li4 p{ background:url(../images/pro_item555_5.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li.pro_item555_list_li5 p{ background:url(../images/pro_item555_6.png) center no-repeat; background-size:100% 100%;} .pro_item555_list li .pro_item555_list_con{ position:absolute; width:45%; left:25%; height:0; overflow:hidden; top:24%; transition: all .8s ease; blr:expression(this.onFocus=this.blur()); opacity: 0} .pro_item555_list li .pro_item555_list_con h3{ float:left; width:100%; font-size:30px; line-height:36px; color:#fff; text-align:center; font-weight:bold;} .pro_item555_list li .pro_item555_list_con span{ float:left; width:100%; font-size:15px; line-height:22px; color:#fff; text-align:center; margin-top:10px;} .pro_item555_list li:hover .pro_item555_list_con{ height:280px; opacity:1;} .pro_item6_list{ position:absolute; width:80%; height:60%; left:8%; bottom:0; padding:0 10%;} .pro_item6_list li span{ float:left; width:100%; line-height:20px; font-size:15px; text-align:center} .pro_item6_list li p img{ width:60%;} .pro_item7{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item7 .pro_item7_title{ position:absolute; width:100%; height:10%; left:0; top:5%; line-height:70px; font-size:28px; font-weight:bold; text-align:center;} .pro_item7 .pro_item7_title i{ font-size:40px; font-weight:bold;} .pro_item7 .pro_item7_title i.b{ vertical-align:middle} .pro_item7 .pro_item7_con{ position:absolute; left:20%; width:40%; top:18%;} .pro_item7 .pro_item7_con h3{ float:left; width:100%; line-height:50px; color:#232323; font-size:22px; font-weight:bold} .pro_item7 .pro_item7_con span{ float:left; width:100%; line-height:26px; color:#415800; font-size:20px;} .pro_item7 .pro_item7_con dd{ float:left; width:100%; line-height:20px; color:#232323; font-size:12px; text-align:justify} .pro_item7 .pro_item7_con2{ position:absolute; left:21%; width:38%; top:42%; line-height:18px; font-size:15px; text-align:justify} .pro_item8 .pro_item8_list{ bottom:10%;} .pro_item8 .pro_item8_title{ top:10%;} } @media screen and (max-width:1366px){ .height1366{ height:125%; margin-top:-8%;} .top_banner .flex-control-nav{ width:7px; right:15px; top:48%;} .top_banner .flex-control-nav li{ width:7px; margin:0} .top_banner .flex-control-nav a{ width:7px; height:7px;} .top_banner .slides li img{ float:left; width:100%; height:auto; /*animation: backgroundZoom 12s infinite;*/} .top_banner .slides li .sli_top .c_ban{ position:absolute; width:80%; padding:0 10%; height:200px; left:0; top:50%; margin-top:-80px; text-align:right;} .top_banner .slides li dd{ float:left; width:100%;} .top_banner .slides li dd.dd_1{ height:50px; background:url(../images/banner_logo.png) right center no-repeat; background-size:auto 100%;} .top_banner .slides li dd.dd_2{ height:70px; line-height:70px; font-size:4vw; color:#fff; font-weight:bold; margin-top:10px;} .top_banner .slides li dd.dd_3{ line-height:30px; font-size:1.2vw; color:#fff; font-weight:bold; margin-bottom:10px;} .top_banner .slides li p{ float:right; width:100%; line-height:26px; font-size:1.2vw; color:#fff;opacity:0.7;} .pro_item1{ position:absolute; width:65%; height:100%; left:22%; top:0;} .pro_item1 .pro_item1_img{ position:absolute; width:30%; right:0; top:18%;} .pro_item1 .pro_item1_img img{ float:left; width:100%; } .pro_item1 .pro_item1_txt{ position:absolute; width:90%; left:0; top:42%; font-size:15px; color:#fff; line-height:22px; text-align:justify;} .pro_item1 .pro_item1_list{ position:absolute; left:0; top:22%; width:70%;} .pro_item1 .pro_item1_list li{ float:left; width:33.3%; height:100%; text-align:center;} .pro_item1 .pro_item1_list li img{ display:inline-table; height:120px} .pro_item2{ position:absolute; width:100%; height:100%; left:0; top:0} .pro_item2_c4{ position:absolute; width:660px; height:380px; left:50%; top:50%; margin:-190px 0 0 -330px;} .pro_item2_c4 .pro_item2_c4_nav{ position:absolute; width:100%; height:80%; left:0; top:0; overflow:hidden;} .pro_item2_c4 .pro_item2_c4_nav .btn{ position:absolute; width:100px; height:100px; color:#fff; outline:none; cursor:pointer; border:none; font-size:20px; font-weight:bold; color:#fff; line-height:26px; text-align:center; transition: all .5s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item2_c4 .pro_item2_c4_nav .btn i{ font-size:15px; color:#fff; font-weight:bold;} .pro_item2_c4 .pro_item2_c4_nav .btn1{ left:0; top:60%; background:url(../images/pro_item2_7.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn2{ left:45%; top:0; background:url(../images/pro_item2_6.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn3{ right:0; top:30%; background:url(../images/pro_item2_8.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn:hover{opacity:0.8; margin-top:5px;} .pro_item2_c4 .pro_item2_c4_con{ position:absolute; width:70%; height:50%; left:15%; top:30%;} .pro_item2_c4 .pro_item2_c4_con .content{ display:none; float:left; width:100%; height:80%; padding-top:13%; text-align:center; font-size:15px; color:#fff; line-height:26px; font-weight:lighter;} .pro_item2_c4 .pro_item2_c4_con .content1{ background:url(../images/pro_item2_9.png) left 50% no-repeat; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content2{ background:url(../images/pro_item2_10.png) 45% top no-repeat; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content3{ background:url(../images/pro_item2_10.png) right 30% no-repeat; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .show{ display:block;} .pro_item3{ position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-180px; width:400px; height:400px; background:url(../images/pro_item3_2.png) center no-repeat; background-size:cover;} .pro_item3 .pro_item3_top{ position:absolute; width:70%; height:80%; left:5%; top:5%; padding:5% 10%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item3 .pro_item3_top img{ display:inline-table; height:50px;} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:20px; color:#fff; text-align:center; font-size:14px; padding-top:5px;} .pro_item3 .pro_item3_top dd{ font-size:20px; padding-bottom:0} /*.pro_item3:hover .pro_item3_top{opacity:0;}*/ .pro_item3 .pro_item3_list{ float:left; display:inline-table; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list1{ margin-left:15px; margin-top:80px;} .pro_item3 .pro_item3_list2{ margin-left:120px; margin-top:-20px;} .pro_item3 .pro_item3_list3{ margin-left:352px; margin-top:-42px;} .pro_item3 .pro_item3_list4{ margin-left:350px; margin-top:165px;} .pro_item3 .pro_item3_list5{ margin-left:185px; margin-top:60px;} .pro_item3 .pro_item3_list6{ margin-left:-217px; margin-top:-52px;} .pro_item3 .pro_item3_list .img{ float:left; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list .img img{ float:left; width:100%; transition:all 2s;} .pro_item3 .pro_item3_list .img:hover img{ transform:scale(1.2, 1.2);} .pro_item3 .pro_item3_list .co_co{ position:absolute; width:70%; height:0%; left:5%; top:50%; padding:0 10%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:0;} .pro_item3 .pro_item3_list .co_co img{ display:inline-table; height:40px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:16px; color:#fff; text-align:center; font-size:14px; padding-top:5px;} .pro_item3 .pro_item3_list:hover .co_co{opacity:1; height:50%; top:5%; padding:15% 10%;} .pro_item4 .pro_item4_p_t5{ bottom:12%;} .pro_item4 .pro_item4_p_t5 h3{ font-size:20px; line-height:27px;} .pro_item4 .pro_item4_p_t5{ width:35%;} .pro_item4 .pro_item4_p_t5 span{ line-height:26px; font-size:15px; margin-top:5px; font-weight:bold;} .pro_item5 .pro_item5_con{ top:10%;} .pro_item5 .pro_item5_con h3{ font-size:20px; line-height:25px;} .pro_item5 .pro_item5_con span{ font-size:15px; line-height:22px;} .pro_item5 .pro_item5_con span i{ font-size:15px; line-height:22px;} .pro_item55_txt{ width:350px; margin-left:-175px} .pro_item555_title{ top:15%; padding-top:50px; background-size:auto 100px; padding-top:50px;} .pro_item555_title h3{ width:62%; font-size:20px; line-height:27px;} .pro_item555_title span{ font-size:15px; line-height:22px; margin-top:10px} .pro_item555_list li p{ width:170px; height:170px;} .pro_item555_list li .pro_item555_list_con{ width:50%; left:20%; top:20%;} .pro_item555_list li .pro_item555_list_con h3{ font-size:20px; line-height:27px;} .pro_item555_list li .pro_item555_list_con span{ font-size:15px; line-height:22px;} .pro_item6_title{ top:5%;} .pro_item6_title span{ font-size:15px; line-height:26px;} .pro_item6_title span.title_span1{ line-height:27px; font-size:20px; margin-bottom:10px;} .pro_item6_list{ height:75%; } .pro_item6_list li h3{ height:42px; line-height:20px; font-size:18px;} .pro_item6_list li span{ font-size:15px; line-height:18px;} .pro_item7 .pro_item7_title{ top:5%; left:20%; width:40%; line-height:27px; font-size:20px; text-align:left} .pro_item7 .pro_item7_title h3{ line-height:27px; font-size:20px;} .pro_item7 .pro_item7_con{ left:20%; width:35%; top:13%;} .pro_item7 .pro_item7_con h3{ line-height:27px; font-size:20px;} .pro_item7 .pro_item7_con span{ font-size:15px; line-height:26px;} .pro_item7 .pro_item7_con dd{ line-height:16px} .pro_item7 .pro_item7_con2{ top:38%; line-height:16px; font-size:13px;} .pro_item8 .pro_item8_title{ top:10%;} .pro_item8 .pro_item8_title h3{ font-size:20px; line-height:27px;} .pro_item8 .pro_item8_list{ width:70%; padding:0 15%; bottom:15%;} .pro_item8 .pro_item8_list li p{ text-align:center;} .pro_item8 .pro_item8_list li p img{ float:none; width:100%;} .pro_item8 .pro_item8_list li h3{ font-size:18px; line-height:26px;} .pro_item8 .pro_item8_list li span{ width:70%; padding:0 15%; font-size:15px; line-height:26px;} .pro_item9_nav{ z-index:200} .pro_item9_con .pro_item9_con_title{ font-size:25px;} .pro_item9_con .pro_item9_con_title i{ font-size:25px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_l{ font-size:35px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r li span{ line-height:26px; font-size:15px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r li h3{ line-height:26px; font-size:15px;} .pro_item10_nav{ z-index:200} .pro_item10_con .pro_item10_con_title{ font-size:25px;} .pro_item10_con .pro_item10_con_title i{ font-size:25px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_title{ font-size:4em; padding-top:30px; height:48px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r dd{ height:40px; line-height:40px; font-size:22px} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r dd i{ font-size:18px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r span{ line-height:22px; font-size:15px;} .pro_item10_con_linav li span{ font-size:60px; left:5px;} .pro_item10_con_linav li dl{ font-size:20px;right:-60px;} .pro_item10_con_linav li dd{ font-size:16px; right:22px; top:15px;} .pro_item11_con .pro_item11_con_title{ font-size:25px;} .pro_item11_con .pro_item11_con_title i{ font-size:25px;} .pro_item11_con .pro_item11_con_list li h3{ font-size:20px; line-height:40px; min-height:80px;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p{ width:35px; padding-top:35px; font-size:15px} /* 缩略图浏览 */ .img_content { display: none; position:fixed; background-color: white; z-index:100; overflow:hidden; border: solid 1px #768044;border-radius:20px; height:500px; width:700px; left:50%; top:50%; margin:-250px 0 0 -350px; padding:20px; text-align:center;box-shadow: 0 5px 20px #fff; } .img_content span{ float:left; width:100%;font-size:20px; line-height:27px; color:#232323; } .img_content img{ float:left; width:100%; margin-bottom:10px} .colse_btn { border: solid 1px #768044; color: white; height: 30px; line-height:30px; width: 60px; background: #768044; border-radius:5px; display:inline-table; outline: none; cursor: pointer; text-align: center; } #navBar{ width:200px; height:195px; position:absolute; top:50%; margin-top:-90px; left:20px; background:url(../images/LoutiNav.png) 11px 15px no-repeat; background-size:3px 190px !important; z-index:35;} #navBar li:nth-child(2){/* margin-bottom:0;*/} #navBar li:nth-child(3){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:30px;} #navBar li:nth-child(4){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(5){/*margin-bottom:0;*/} #navBar li:nth-child(6){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:30px;} #navBar li:nth-child(7){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(8){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(9){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(10){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar .active{ background:url(../images/LoutiNav_active.png) left center no-repeat; background-size:auto 100%; color:#52430a} #navBar li{ cursor:pointer;text-indent:30px; margin-bottom:20px; transition:all .7s ease; color:#988c7b; overflow:hidden; text-align: left; position: relative; width:100%; height:25px;line-height:25px; background:url(../images/LoutiNav_li.png) left center no-repeat; background-size:auto 100%; transition:all .8s ease; blr:expression(this.onFocus=this.blur()); font-size:16px;color:#988c7b; } .height50{ overflow:hidden; background:#eae3d8; height:100px;} } @media screen and (max-width:1280px){ .height1366{ height:125%; margin-top:-8%;} .top_banner .flex-control-nav{ width:7px; right:15px; top:48%;} .top_banner .flex-control-nav li{ width:7px; margin:0} .top_banner .flex-control-nav a{ width:7px; height:7px;} .top_banner .slides li img{ float:left; width:100%; height:auto; /*animation: backgroundZoom 12s infinite;*/} .top_banner .slides li .sli_top .c_ban{ position:absolute; width:80%; padding:0 10%; height:200px; left:0; top:50%; margin-top:-80px; text-align:right;} .top_banner .slides li dd{ float:left; width:100%;} .top_banner .slides li dd.dd_1{ height:50px; background:url(../images/banner_logo.png) right center no-repeat; background-size:auto 100%;} .top_banner .slides li dd.dd_2{ height:70px; line-height:70px; font-size:4vw; color:#fff; font-weight:bold; margin-top:10px;} .top_banner .slides li dd.dd_3{ line-height:30px; font-size:1.2vw; color:#fff; font-weight:bold; margin-bottom:10px;} .top_banner .slides li p{ float:right; width:100%; line-height:26px; font-size:1.2vw; color:#fff;opacity:0.7;} .pro_item1{ position:absolute; width:65%; height:100%; left:22%; top:0;} .pro_item1 .pro_item1_img{ position:absolute; width:30%; right:0; top:18%;} .pro_item1 .pro_item1_img img{ float:left; width:100%; } .pro_item1 .pro_item1_txt{ position:absolute; width:90%; left:0; top:42%; font-size:15px; color:#fff; line-height:22px; text-align:justify;} .pro_item1 .pro_item1_list{ position:absolute; left:0; top:22%; width:70%;} .pro_item1 .pro_item1_list li{ float:left; width:33.3%; height:100%; text-align:center;} .pro_item1 .pro_item1_list li img{ display:inline-table; height:120px} .pro_item2{ position:absolute; width:100%; height:100%; left:0; top:0} .pro_item2_c4{ position:absolute; width:660px; height:380px; left:50%; top:50%; margin:-190px 0 0 -330px;} .pro_item2_c4 .pro_item2_c4_nav{ position:absolute; width:100%; height:80%; left:0; top:0; overflow:hidden;} .pro_item2_c4 .pro_item2_c4_nav .btn{ position:absolute; width:100px; height:100px; color:#fff; outline:none; cursor:pointer; border:none; font-size:20px; font-weight:bold; color:#fff; line-height:26px; text-align:center; transition: all .5s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item2_c4 .pro_item2_c4_nav .btn i{ font-size:15px; color:#fff; font-weight:bold;} .pro_item2_c4 .pro_item2_c4_nav .btn1{ left:0; top:60%; background:url(../images/pro_item2_7.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn2{ left:45%; top:0; background:url(../images/pro_item2_6.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn3{ right:0; top:30%; background:url(../images/pro_item2_8.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn:hover{opacity:0.8; margin-top:5px;} .pro_item2_c4 .pro_item2_c4_con{ position:absolute; width:70%; height:50%; left:15%; top:30%;} .pro_item2_c4 .pro_item2_c4_con .content{ display:none; float:left; width:100%; height:80%; padding-top:13%; text-align:center; font-size:15px; color:#fff; line-height:26px; font-weight:lighter;} .pro_item2_c4 .pro_item2_c4_con .content1{ background:url(../images/pro_item2_9.png) left 50% no-repeat; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content2{ background:url(../images/pro_item2_10.png) 45% top no-repeat; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content3{ background:url(../images/pro_item2_10.png) right 30% no-repeat; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .show{ display:block;} .pro_item3{ position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-180px; width:400px; height:400px; background:url(../images/pro_item3_2.png) center no-repeat; background-size:cover;} .pro_item3 .pro_item3_top{ position:absolute; width:70%; height:80%; left:5%; top:5%; padding:5% 10%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item3 .pro_item3_top img{ display:inline-table; height:50px;} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:18px; color:#fff; text-align:center; font-size:14px; padding-top:5px;} .pro_item3 .pro_item3_top dd{ font-size:20px; padding-bottom:0} /*.pro_item3:hover .pro_item3_top{opacity:0;}*/ .pro_item3 .pro_item3_list{ float:left; display:inline-table; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list1{ margin-left:15px; margin-top:80px;} .pro_item3 .pro_item3_list2{ margin-left:120px; margin-top:-20px;} .pro_item3 .pro_item3_list3{ margin-left:352px; margin-top:-42px;} .pro_item3 .pro_item3_list4{ margin-left:350px; margin-top:165px;} .pro_item3 .pro_item3_list5{ margin-left:185px; margin-top:60px;} .pro_item3 .pro_item3_list6{ margin-left:-217px; margin-top:-52px;} .pro_item3 .pro_item3_list .img{ float:left; width:40px; height:40px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list .img img{ float:left; width:100%; transition:all 2s;} .pro_item3 .pro_item3_list .img:hover img{ transform:scale(1.2, 1.2);} .pro_item3 .pro_item3_list .co_co{ position:absolute; width:70%; height:0%; left:5%; top:50%; padding:0 10%; border-radius:50%; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:0;} .pro_item3 .pro_item3_list .co_co img{ display:inline-table; height:40px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:16px; color:#fff; text-align:center; font-size:14px; padding-top:5px;} .pro_item3 .pro_item3_list:hover .co_co{opacity:1; height:50%; top:5%; padding:15% 10%;} .pro_item4 .pro_item4_p_t5{ bottom:12%;} .pro_item4 .pro_item4_p_t5 h3{ font-size:20px; line-height:27px;} .pro_item4 .pro_item4_p_t5{ width:35%;} .pro_item4 .pro_item4_p_t5 span{ line-height:22px; font-size:15px; margin-top:5px; font-weight:bold;} .pro_item5 .pro_item5_con{ top:10%;} .pro_item5 .pro_item5_con h3{ font-size:20px; line-height:25px;} .pro_item5 .pro_item5_con span{ font-size:15px; line-height:22px;} .pro_item5 .pro_item5_con span i{ font-size:15px; line-height:22px;} .pro_item55_txt{ width:350px; margin-left:-175px} .pro_item555_title{ top:15%; padding-top:50px; background-size:auto 100px;} .pro_item555_title h3{ font-size:20px; line-height:27px;} .pro_item555_title span{ font-size:15px; line-height:22px; margin-top:10px} .pro_item555_list li p{ width:150px; height:150px;} .pro_item555_list li .pro_item555_list_con{ width:50%; left:20%; top:15%;} .pro_item555_list li .pro_item555_list_con h3{ font-size:20px; line-height:27px;} .pro_item555_list li .pro_item555_list_con span{ font-size:15px; line-height:22px;} .pro_item6_title{ top:10%;} .pro_item6_title span{ font-size:15px; line-height:26px;} .pro_item6_title span.title_span1{ line-height:27px; font-size:20px; margin-bottom:10px;} .pro_item6_list{ height:70%; } .pro_item6_list li h3{ height:42px; line-height:20px; font-size:18px;} .pro_item6_list li span{ font-size:14px; line-height:18px;} .pro_item7 .pro_item7_title{ top:5%; left:20%; width:40%; line-height:27px; font-size:20px; text-align:left} .pro_item7 .pro_item7_title h3{ line-height:27px; font-size:20px;} .pro_item7 .pro_item7_con{ left:20%; width:35%; top:13%;} .pro_item7 .pro_item7_con h3{ line-height:27px; font-size:20px;} .pro_item7 .pro_item7_con span{ font-size:15px; line-height:22px;} .pro_item7 .pro_item7_con dd{ line-height:16px} .pro_item7 .pro_item7_con2{ top:40%; line-height:15px; font-size:13px;} .pro_item8 .pro_item8_title{ top:10%;} .pro_item8 .pro_item8_title h3{ font-size:20px; line-height:27px;} .pro_item8 .pro_item8_list{ width:70%; padding:0 15%; bottom:10%;} .pro_item8 .pro_item8_list li p{ text-align:center;} .pro_item8 .pro_item8_list li p img{ float:none; width:100%;} .pro_item8 .pro_item8_list li h3{ font-size:18px; line-height:26px;} .pro_item8 .pro_item8_list li span{ width:70%; padding:0 15%; font-size:15px; line-height:26px;} .pro_item9_nav{ z-index:200} .pro_item9_con .pro_item9_con_title{ font-size:25px;} .pro_item9_con .pro_item9_con_title i{ font-size:25px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_l{ font-size:35px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r li span{ line-height:26px; font-size:15px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r li h3{ line-height:26px; font-size:15px;} .pro_item10_nav{ z-index:200} .pro_item10_con .pro_item10_con_title{ font-size:25px;} .pro_item10_con .pro_item10_con_title i{ font-size:25px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_title{ font-size:4em; padding-top:30px; height:48px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r dd{ height:40px; line-height:40px; font-size:22px} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r dd i{ font-size:18px;} .pro_item10_con .pro_item10_con_list .pro_item10_con_list_con li .pro_item10_con_list_con_r span{ line-height:22px; font-size:15px;} .pro_item10_con_linav li span{ font-size:60px; left:5px;} .pro_item10_con_linav li dl{ font-size:20px;right:-60px;} .pro_item10_con_linav li dd{ font-size:16px; right:22px; top:15px;} .pro_item11_con .pro_item11_con_title{ font-size:25px;} .pro_item11_con .pro_item11_con_title i{ font-size:25px;} .pro_item11_con .pro_item11_con_list li h3{ font-size:20px; line-height:40px;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p{ width:35px; padding-top:35px; font-size:15px} /* 缩略图浏览 */ .img_content { display: none; position:fixed; background-color: white; z-index:100; overflow:hidden; border: solid 1px #768044;border-radius:20px; height:500px; width:700px; left:50%; top:50%; margin:-250px 0 0 -350px; padding:20px; text-align:center;box-shadow: 0 5px 20px #fff; } .img_content span{ float:left; width:100%;font-size:20px; line-height:27px; color:#232323; } .img_content img{ float:left; width:100%; margin-bottom:10px} .colse_btn { border: solid 1px #768044; color: white; height: 30px; line-height:30px; width: 60px; background: #768044; border-radius:5px; display:inline-table; outline: none; cursor: pointer; text-align: center; } #navBar{ width:200px; height:195px; position:absolute; top:50%; margin-top:-90px; left:20px; background:url(../images/LoutiNav.png) 11px 15px no-repeat; background-size:3px 190px !important; z-index:35;} #navBar li:nth-child(2){/* margin-bottom:0;*/} #navBar li:nth-child(3){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:30px;} #navBar li:nth-child(4){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(5){/*margin-bottom:0;*/} #navBar li:nth-child(6){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:30px;} #navBar li:nth-child(7){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(8){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(9){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar li:nth-child(10){ background:none; font-size:12px; height:25px; line-height:25px; float:left; display:inline-table; width:auto; margin-bottom:0px; text-indent:0; overflow:hidden; margin-left:5px;} #navBar .active{ background:url(../images/LoutiNav_active.png) left center no-repeat; background-size:auto 100%; color:#52430a} #navBar li{ cursor:pointer;text-indent:30px; margin-bottom:20px; transition:all .7s ease; color:#988c7b; overflow:hidden; text-align: left; position: relative; width:100%; height:25px;line-height:25px; background:url(../images/LoutiNav_li.png) left center no-repeat; background-size:auto 100%; transition:all .8s ease; blr:expression(this.onFocus=this.blur()); font-size:16px;color:#988c7b; } .height50{ overflow:hidden; background:#eae3d8; height:100px;} } @media screen and (max-width:1152px){ .pro_item6_title{ top:10%;} .pro_item6_title span{ font-size:15px; line-height:26px;} .pro_item6_title span.title_span1{ line-height:27px; font-size:20px; margin-bottom:10px;} .pro_item6_list{ height:75%; } .pro_item6_list li h3{ height:42px; line-height:20px; font-size:18px;} .pro_item6_list li span{ font-size:13px; line-height:14px;} .pro_item7 .pro_item7_title{ top:5%; left:20%; width:40%; line-height:27px; font-size:20px; text-align:left} .pro_item7 .pro_item7_title h3{ line-height:27px; font-size:20px;} .pro_item7 .pro_item7_con{ left:20%; width:45%; top:13%;} .pro_item7 .pro_item7_con h3{ line-height:22px; font-size:20px;} .pro_item7 .pro_item7_con span{ font-size:15px; line-height:16px;} .pro_item7 .pro_item7_con dd{ line-height:16px} .pro_item7 .pro_item7_con2{ top:40%; line-height:15px; font-size:13px;} } .hlogo{ display:none;} .blogo{ display:block;} .header_home .langs_nav .mainlevel .n_list{ color:#fff !important;} .header_home .langs_r h3 a{ color:#fff !important;} /* 淡入淡出 */ .m-index-page2 { height: 600vh; position: relative; } .m-index-page3 { height: 310vh; position: relative; } .fixed-section { position: absolute; top: 0; left: 0; right: 0; height: 100vh; } /* .fixed-section.skrollable-after{ position: absolute!important; top: auto!important; bottom: 0!important; } */ .page_item_bj { object-fit: 100% auto; } @media screen and (max-width:1024px){ #navBar{ display:none;} .hlogo{ display:none} .blogo{ display:block;} .page2{ overflow:hidden; height:auto !important} .header_home .langs_nav .mainlevel .n_list{ color:#232323 !important;} .header_home .langs_r h3 a{ color:#fff !important;} .header_home .cl_nav{ position:absolute; float:right; top:14px; right:20px; display:block; z-index:100; background:url(../images/t_tcimghome.png) right center no-repeat !important; background-size:26px 19px !important; width:26px; height:28px; margin-top:12px; cursor:pointer;} .top_banner{ background:#000} .top_banner .slides li{ background:#000;} .top_banner .slides li video{ height:40% !important; width:100% !important;} .top_banner .slides li img{ height:40%;} .top_banner .slides li .sli_top{ height:100%; bottom:0; top:auto; background:url(../images/sli_top_bj_ipad.png) center 0 repeat-x;}/* .top_banner .slides li .sli_top .c_ban{ top:62%;} .top_banner .slides li dd{ font-size:35px; height:auto; padding:50px 0 30px 0; line-height:40px;} .top_banner .slides li p{ font-size:16px; opacity:1;} .top_banner .slides li p span{opacity:0.9; height:40px; font-size:16px;}*/ .top_banner .flex-control-nav{ top:auto; bottom:30px; right:auto; width:100%;} .top_banner .flex-control-nav li{ margin:0 3px} .top_banner .flex-control-nav a{ background:#333} .top_banner_ico{ bottom:50px} .top_banner .slides li .sli_top .c_ban{ position:absolute; width:80%; padding:0 10%; height:200px; left:0; top:58%; margin-top:0px; text-align:center;} .top_banner .slides li dd{ float:left; width:100%;} .top_banner .slides li dd.dd_1{ height:50px; background:url(../images/banner_logo.png) center no-repeat; background-size:auto 100%;} .top_banner .slides li dd.dd_2{ height:70px; line-height:70px; font-size:35px; color:#fff; font-weight:bold; margin-top:10px;} .top_banner .slides li dd.dd_3{ line-height:30px; font-size:20px; color:#fff; font-weight:bold; margin-bottom:10px;} .top_banner .slides li p{ float:left; width:100%; line-height:26px; font-size:20px; color:#fff;opacity:0.7; text-align:center} .pro_item1_img_mo{ width:380%; margin-left:-100%; display:none !important;} .fixed-section{ background-size:auto 150% !important} .pro_item1{ position:absolute; width:90%; height:100%; left:5%; top:0;} .pro_item1 .pro_item1_img{ position:absolute; width:50%; right:0; top:12%;} .pro_item1 .pro_item1_img img{ float:left; width:100%; } .pro_item1 .pro_item1_txt{ position:absolute; width:100%; left:0; top:50%; font-size:15px; color:#fff; line-height:26px; text-align:justify;} .pro_item1 .pro_item1_list{ position:absolute; left:0; top:35%; width:100%;} .pro_item1 .pro_item1_list li{ float:left; width:33.3%; height:100%; text-align:center;} .pro_item1 .pro_item1_list li img{ display:inline-table; height:150px} .current { z-index:1 !important} .pro_item2_img_mo{ width:320%; margin-left:-80%} .pro_item2{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item2_c4{ position:absolute; width:90%; height:400px; left:5%; top:50%; margin:-250px 0 0 0;} .pro_item2_c4 .pro_item2_c4_nav{ position:absolute; width:100%; height:100%; left:0; top:5%; overflow:none;} .pro_item2_c4 .pro_item2_c4_nav .btn{ position:absolute; width:100px; height:100px; color:#fff; outline:none; cursor:pointer; border:none; font-size:20px; font-weight:bold; color:#fff; line-height:26px; text-align:center; transition: all .5s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item2_c4 .pro_item2_c4_nav .btn i{ font-size:15px; color:#fff; font-weight:bold;} .pro_item2_c4 .pro_item2_c4_nav .btn1{ left:0; top:40%; background:url(../images/pro_item2_7.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn2{ left:35%; top:0; background:url(../images/pro_item2_6.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn3{ right:0; top:30%; background:url(../images/pro_item2_8.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn:hover{opacity:0.8; margin-top:5px;} .pro_item2_c4 .pro_item2_c4_con{ position:absolute; width:96%; height:auto; left:2%; top:75%;} .pro_item2_c4 .pro_item2_c4_con .content{ display:none; float:left; width:100%; height:auto; padding-top:0; text-align:center; font-size:15px; color:#fff; line-height:26px; font-weight:lighter;} .pro_item2_c4 .pro_item2_c4_con .content1{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content2{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content3{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .show{ display:block;} .pro_item3_img_mo{ width:280%; margin-left:-30%;} .pro_item3{ position:absolute; left:50%; margin-left:-150px; top:25%; margin-top:auto; width:300px; height:300px; background:url(../images/pro_item3_2.png) center no-repeat; background-size:cover} .pro_item3 .pro_item3_top{ position:absolute; width:100%; height:100%; left:0; top:105%; padding:3% 0%; border-radius:0; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item3 .pro_item3_top img{ display:inline-table; height:80px;} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:15px; padding-top:0px;} /*.pro_item3:hover .pro_item3_top{opacity:0;}*/ .pro_item3 .pro_item3_list{ float:left; display:inline-table; width:30px; height:30px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list1{ margin-left:10px; margin-top:60px;} .pro_item3 .pro_item3_list2{ margin-left:95px; margin-top:-20px;} .pro_item3 .pro_item3_list3{ margin-left:260px; margin-top:-30px;} .pro_item3 .pro_item3_list4{ margin-left:260px; margin-top:120px;} .pro_item3 .pro_item3_list5{ margin-left:130px; margin-top:40px;} .pro_item3 .pro_item3_list6{ margin-left:-150px; margin-top:-30px;} .pro_item3 .pro_item3_list .img{ float:left; width:30px; height:30px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list .img img{ float:left; width:100%; transition:all 2s;} .pro_item3 .pro_item3_list .img:hover img{ transform:scale(1.2, 1.2);} .pro_item3 .pro_item3_list .co_co{ position:absolute; width:50%; height:0%; left:10%; top:50%; padding:0 15%; border-radius:0; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:0;} .pro_item3 .pro_item3_list .co_co img{ display:inline-table; height:40px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:15px; padding-top:10px; font-weight:lighter} .pro_item3 .pro_item3_list:hover .co_co{opacity:1; height:auto; width:96%; padding:15px 2%; left:0; top:110%; } .pro_item4_img_mo{ height:auto; width:150%; margin-left:-40%; margin-top:-40px; display:none;} .pro_item4{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item4_1_m.png) center 120px no-repeat; background-size:100% auto; padding:100px 5% 150px 5%;} .pro_item4 div{ position:relative;} .pro_item4 div img{ float:left; width:100%} .pro_item4 .pro_item4_p_t1{ float:left; width:40%; padding:0; left:0%; top:0;} .pro_item4 .pro_item4_p_t2{ float:right; width:40%; padding:0; left:0%; top:0;} .pro_item4 .pro_item4_p_t3{ float:left; width:40%; padding:0; left:0%; top:0; margin-top:160px} .pro_item4 .pro_item4_p_t4{ float:right; width:40%; padding:0; left:0%; top:0; margin-top:160px} .pro_item4 .pro_item4_p_t5{ float:left; width:100%; padding:0; left:0%; top:0; margin-top:30px} .pro_item4 .pro_item4_p_t5 h3{ float:left; line-height:26px; background:#fff; color:#000; font-size:20px; padding:5px 3%; font-weight:bold} .pro_item4 .pro_item4_p_t5 span{ float:left; width:100%; margin-top:20px; font-size:15px; line-height:26px; color:#232323; font-weight:bold; text-align:justify} .pro_item5_img_mo{ width:180%; margin-left:-15%; height:auto; margin-top:-60px; display:none;} .pro_item5{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item5_1_m.png) center 0 no-repeat; background-size:100% auto; padding:100px 5% 150px 5%;} .pro_item5 .pro_item5_con{ position:relative; float:left; width:100%; right:auto; padding:0 0; top:auto; top:0; margin-top:450px;} .pro_item5 .pro_item5_con h3{ float:left; line-height:40px; background:#fff; color:#000; font-size:20px; padding:5px 3%;} .pro_item5 .pro_item5_con span{ float:left; width:100%; margin-top:15px; font-size:15px; line-height:26px; color:#232323;} .pro_item5 .pro_item5_con span i{ font-size:15px; line-height:26px; color:#232323;} .pro_item55{ position:absolute; width:100%; height:100%; left:0; top:0} .pro_item55_con{ position:absolute; width:96%; height:70%; left:2%; top:10%;} .pro_item55_con li{ position:relative; float:left; width:50%; height:130px; animation: fadeOuts 6s forwards; cursor:pointer;} .pro_item55_con li.pitm_ico1{ width:50%; top:0; left:0%; background:url(../images/pro_item55_0.png) center no-repeat; background-size:auto 90%; animation:none; border:none !important;} .pro_item55_con li.pitm_ico1 h3{ float:left; margin-left:100px; margin-top:60px; width:100%; line-height:50px; background:#fff; color:#232323; font-size:22px; font-weight:bold; text-align:center;} .pro_item55_con li.pitm_ico1 span{ float:left; margin-left:100px; margin-top:10px; width:100%; line-height:26px; color:#232323; font-size:16px; font-weight:lighter; text-align:center;} .pro_item55_con li.pitm_ico2{ top:0; right:0%; background:url(../images/pro_item55_1.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico3{ top:0%; right:0%; background:url(../images/pro_item55_2.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico4{ right:0%; bottom:0%; background:url(../images/pro_item55_3.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico5{ left:0%; bottom:0%; background:url(../images/pro_item55_4.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico6{ top:0%; left:0%; background:url(../images/pro_item55_5.png) center no-repeat; background-size: 70%;} .pro_item55_con li button{ float:left; width:100%; height:100%; background:none; border:none; outline:none; cursor:pointer;} .pro_item55_con li.activet{opacity:1 !important;} .pro_item55_con li.activet.pitm_ico2{ background:url(../images/pro_item55_1.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico3{ background:url(../images/pro_item55_2.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico4{ background:url(../images/pro_item55_3.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico5{ background:url(../images/pro_item55_4.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico6{ background:url(../images/pro_item55_5.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_txt{ position:absolute; width:96%; height:auto; left:2%; top:auto; bottom:30px; margin-top:0; margin-left:0;} .pro_item55_txt li:nth-child(1){ margin-top:0; margin-left:0;} .pro_item55_txt li:nth-child(1) h3{ background:#fff; color:#232323; margin-bottom:15px; width:auto; padding:0 20px; display:inline-table; float:none;} .pro_item55_txt li{ float:left; width:100%; text-align:center;} .pro_item55_txt li h3{ float:left; width:100%; font-size:22px; font-weight:bold; text-align:center; line-height:50px;} .pro_item55_txt li span{ float:left; width:100%; font-size:16px; font-weight:lighter; text-align:center; line-height:22px;} .pro_item55_txt li.contentt{ display:none;} .pro_item55_txt li.contentt.showt{ display:block;} .pro_item555_img_mo{ height:90%; width:220%; margin-left:-60%; margin-top:5%; transform: rotate(90deg); display:none;} .pro_item555{ position:relative; float:left; width:90%; height:auto; background:url(../images/pro_item555_1_m.png) center 10px no-repeat; background-size:100% auto; padding:200px 5%;} .pro_item555_title{ position:absolute; width:40%; left:30%; padding-top:40%; background-size:auto 150px; top:0%} .pro_item555_title h3{ width:90%; font-size:22px; line-height:24px; padding:20px 5%;} .pro_item555_title span{ font-size:15px; line-height:22px; margin-top:20px} .pro_item555_list{ position:relative; float:left; width:100%; height:auto; left:0; top:0;} .pro_item555_list li{ float:left; width:50%} .pro_item555_list li.pro_item555_list_li1{ margin-left:-10px;} .pro_item555_list li.pro_item555_list_li2{ float:right; margin-right:-10px} .pro_item555_list li.pro_item555_list_li3{ float:right; margin-top:200px; margin-right:-20px;} .pro_item555_list li.pro_item555_list_li4{ float:left; margin-top:200px;} .pro_item555_list li.pro_item555_list_li5{ float:left; margin-top:80px; margin-left:40%;} .pro_item555_list li.pro_item555_list_li1 p{ left:0; top:0%;} .pro_item555_list li.pro_item555_list_li2 p{ float:right; right:0%; top:0%;} .pro_item555_list li.pro_item555_list_li3 p{ float:right; width:230px; height:230px; right:0%; bottom:0;} .pro_item555_list li.pro_item555_list_li4 p{ left:0; bottom:0;} .pro_item555_list li.pro_item555_list_li5 p{ left:0; bottom:0;} .pro_item555_list li p{ position:relative; float:left; width:200px; height:200px; z-index:1} .pro_item555_list li .pro_item555_list_con{ width:40%; left:30%; top:20%;} .pro_item555_list li:hover .pro_item555_list_con{ height:auto} .pro_item555_list li .pro_item555_list_con h3{ font-size:22px; line-height:24px;} .pro_item555_list li .pro_item555_list_con span{ font-size:15px; line-height:20px;} .pro_item6{ position:relative; float:left; width:90%; height:auto; left:0; top:0; padding:60px 5% 100px 5%;} .pro_item6_title{ position:relative; float:left; width:100%; height:auto; left:0; top:5%; padding:0 0; text-align:center;} .pro_item6_title span{ float:left; width:100%; font-size:16px; line-height:35px; font-weight:bold} .pro_item6_title span.title_span1{ font-size:20px;} .pro_item6_list{ position:relative; float:left; width:100%; height:auto; left:0; top:0; padding:0; margin-top:30px} .pro_item6_list li{ float:left; margin-top:20px} .pro_item6_list li.list_li{ width:46%; padding:0 2%;} .pro_item6_list li.list_ico{ display:none;} .pro_item6_list li.list_ico1{ background:url(../images/pro_item6_5.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li.list_ico2{ background:url(../images/pro_item6_6.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li.list_ico3{ background:url(../images/pro_item6_7.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li h3{ margin:5px 0} .pro_item6_list li p{ float:left; width:100%; overflow:hidden; text-align:center;} .pro_item6_list li span{ line-height:22px} .pro_item6_list li p img{ float:none; display:inline-table; width:auto; height:150px} .pro_item7_img_mo{ height:auto; width:130%; margin-left:-17%; display:none;} .pro_item7{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item7_1_m.jpg) center 140px no-repeat; background-size:100% auto; padding:60px 5% 100px 5%;} .pro_item7 .pro_item7_title{ position:relative; float:left; width:100%; height:auto; left:0; top:0; line-height:30px; font-size:20px; font-weight:bold; text-align:left;} .pro_item7 .pro_item7_title h3{ font-size:20px;} .pro_item7 .pro_item7_title i{ font-size:20px; font-weight:bold;} .pro_item7 .pro_item7_title i.b{ vertical-align:middle} .pro_item7 .pro_item7_con{ position:relative; float:left; left:0; width:100%; top:0} .pro_item7 .pro_item7_con h3{ text-align:right;} .pro_item7 .pro_item7_con span{ margin-top:820px} .pro_item7 .pro_item7_con2{ position:relative; float:left; left:0; width:80%; padding-left:20%; top:0; line-height:26px; font-size:15px; font-weight:lighter; margin-top:20px;} .pro_item8_img_mo{ width:260%; margin-left:-100%; height:100%; margin-top:0; display:none;} .pro_item8{ position:relative; float:left; width:90%; height:auto; left:0; top:0; padding:60px 5% 200px 5%; background:url(../images/pro_item8_0_m.jpg) center bottom no-repeat; background-size:100% auto;} .pro_item8 .pro_item8_title{ position:relative; float:left; width:100%; padding:0; height:auto; left:0; top:0%; text-align:center;} .pro_item8 .pro_item8_title img{ float:left; height:100%;} .pro_item8 .pro_item8_list{ position:relative; float:left; width:100%; padding:0; left:0; top:0; bottom:none;} .pro_item8 .pro_item8_list li{ float:left; width:100%; padding:0; margin-bottom:30px} .pro_item8 .pro_item8_list li p{ float:left; width:100%; text-align:center;} .pro_item8 .pro_item8_list li p img{ float:left; display:inline-table; width:100%; height:auto;} .pro_item8 .pro_item8_list li h3{ float:left; width:80%; padding:0 10%; font-size:18px; font-weight:bold; color:#232323; line-height:26px; text-align:center; padding-bottom:10px} .pro_item8 .pro_item8_list li span{ float:left; width:80%; padding:0 10%; font-size:15px; color:#232323; line-height:26px; text-align:center;} .pro_item9{ padding:30px 0;} .pro_item9_con{ width:96%; padding:0 2%;} .pro_item9_con .pro_item9_con_list{ margin-top:30px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_l{ width:100%;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r{ width:100%;} .pro_item10{ padding:30px 0;} .pro_item10_con{ width:96%; padding:0 2%;} .pro_item10_con_linav{ margin-top:20px} .pro_item10_con_linav li{ height:500px;} .pro_item10_con_linav li a{ line-height:500px;} .pro_item10_con_linav li span{ font-size:30px; margin-left:-12px; top:20px} .pro_item10_con_linav li dl{ display:none;} .pro_item10_con_linav li dd{ display:none;} .starfieldc_con{ position:fixed; width:100%; height:100%; left:0; padding:0; top:0; background:#fff; display:none; z-index:100} .starfieldc_con .close{ position:absolute; right:50%; margin-right:-15px; top:none; bottom:30px; width:30px; height:30px; background:url(../images/theclose.png) center no-repeat; background-size:cover;} .starfieldc_con_c{ float:left; width:96%; height:100%; padding:0 2%; overflow:hidden; overflow-y:auto;} .pro_item11{ padding:30px 0; background-size: 100% auto;} .pro_item11_con{ width:96%; padding:0 2% 50px 2%;} .pro_item11_con .pro_item11_con_list li h3{ height:50px; line-height:25px; font-size:16px; overflow:hidden;} .pro_item11_con .pro_item11_con_list li{ margin-top:20px;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_img{ width:100%; margin-right:0} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down{ width:100%;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p{ margin-top:15px; margin-right:10px} /* 缩略图浏览 */ .img_content { height:650px; width:96%; left:0; top:50%; margin:-325px 0 0 0; padding:2%; text-align:center;box-shadow: 0 5px 20px #fff; } .img_content span{ font-size:15px; line-height:32px;} .img_content img{ height:auto;} .m-index-page2 { height: 580vh; } .height50{ overflow:hidden; background:#eae3d8; height:0;} } @media screen and (max-width:768px){ #navBar{ display:none;} .hlogo{ display:none} .blogo{ display:block;} .page2{ overflow:hidden; height:auto !important} .header_home .langs_nav .mainlevel .n_list{ color:#232323 !important;} .header_home .langs_r h3 a{ color:#fff !important;} .header_home .cl_nav{ position:absolute; float:right; top:14px; right:20px; display:block; z-index:100; background:url(../images/t_tcimghome.png) right center no-repeat !important; background-size:26px 19px !important; width:26px; height:28px; margin-top:12px; cursor:pointer;} .top_banner{ background:#000} .top_banner .slides li{ background:#000;} .top_banner .slides li video{ height:40% !important; width:100% !important;} .top_banner .slides li img{ height:40%;} .top_banner .slides li .sli_top{ height:100%; bottom:0; top:auto; background:url(../images/sli_top_bj_ipad.png) center -120px repeat-x;}/* .top_banner .slides li .sli_top .c_ban{ top:62%;} .top_banner .slides li dd{ font-size:35px; height:auto; padding:50px 0 30px 0; line-height:40px;} .top_banner .slides li p{ font-size:16px; opacity:1;} .top_banner .slides li p span{opacity:0.9; height:40px; font-size:16px;}*/ .top_banner .flex-control-nav{ top:auto; bottom:30px; right:auto; width:100%;} .top_banner .flex-control-nav li{ margin:0 3px} .top_banner .flex-control-nav a{ background:#333} .top_banner_ico{ bottom:50px} .top_banner .slides li .sli_top .c_ban{ position:absolute; width:80%; padding:0 10%; height:200px; left:0; top:55%; margin-top:-0px; text-align:center;} .top_banner .slides li dd{ float:left; width:100%;} .top_banner .slides li dd.dd_1{ height:50px; background:url(../images/banner_logo.png) center no-repeat; background-size:auto 100%;} .top_banner .slides li dd.dd_2{ height:70px; line-height:70px; font-size:30px; color:#fff; font-weight:bold; margin-top:10px;} .top_banner .slides li dd.dd_3{ line-height:30px; font-size:16px; color:#fff; font-weight:bold; margin-bottom:10px;} .top_banner .slides li p{ float:left; width:100%; line-height:26px; font-size:16px; color:#fff;opacity:0.7; text-align:center} .pro_item1_img_mo{ width:380%; margin-left:-100%; display:none !important;} .fixed-section{ background-size:auto 150% !important} .pro_item1{ position:absolute; width:90%; height:100%; left:5%; top:0;} .pro_item1 .pro_item1_img{ position:absolute; width:50%; right:0; top:12%;} .pro_item1 .pro_item1_img img{ float:left; width:100%; } .pro_item1 .pro_item1_txt{ position:absolute; width:100%; left:0; top:50%; font-size:15px; color:#fff; line-height:26px; text-align:justify;} .pro_item1 .pro_item1_list{ position:absolute; left:0; top:35%; width:100%;} .pro_item1 .pro_item1_list li{ float:left; width:33.3%; height:100%; text-align:center;} .pro_item1 .pro_item1_list li img{ display:inline-table; height:150px} .current { z-index:1 !important} .pro_item2_img_mo{ width:320%; margin-left:-80%} .pro_item2{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item2_c4{ position:absolute; width:90%; height:400px; left:5%; top:50%; margin:-250px 0 0 0;} .pro_item2_c4 .pro_item2_c4_nav{ position:absolute; width:100%; height:100%; left:0; top:5%; overflow:none;} .pro_item2_c4 .pro_item2_c4_nav .btn{ position:absolute; width:100px; height:100px; color:#fff; outline:none; cursor:pointer; border:none; font-size:20px; font-weight:bold; color:#fff; line-height:26px; text-align:center; transition: all .5s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item2_c4 .pro_item2_c4_nav .btn i{ font-size:15px; color:#fff; font-weight:bold;} .pro_item2_c4 .pro_item2_c4_nav .btn1{ left:0; top:40%; background:url(../images/pro_item2_7.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn2{ left:35%; top:0; background:url(../images/pro_item2_6.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn3{ right:0; top:30%; background:url(../images/pro_item2_8.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn:hover{opacity:0.8; margin-top:5px;} .pro_item2_c4 .pro_item2_c4_con{ position:absolute; width:96%; height:auto; left:2%; top:75%;} .pro_item2_c4 .pro_item2_c4_con .content{ display:none; float:left; width:100%; height:auto; padding-top:0; text-align:center; font-size:15px; color:#fff; line-height:26px; font-weight:lighter;} .pro_item2_c4 .pro_item2_c4_con .content1{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content2{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content3{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .show{ display:block;} .pro_item3_img_mo{ width:280%; margin-left:-30%;} .pro_item3{ position:absolute; left:50%; margin-left:-150px; top:15%; margin-top:auto; width:300px; height:300px; background:url(../images/pro_item3_2.png) center no-repeat; background-size:cover} .pro_item3 .pro_item3_top{ position:absolute; width:100%; height:100%; left:0; top:105%; padding:3% 0%; border-radius:0; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item3 .pro_item3_top img{ display:inline-table; height:80px;} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:15px; padding-top:0px;} /*.pro_item3:hover .pro_item3_top{opacity:0;}*/ .pro_item3 .pro_item3_list{ float:left; display:inline-table; width:30px; height:30px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list1{ margin-left:10px; margin-top:60px;} .pro_item3 .pro_item3_list2{ margin-left:95px; margin-top:-20px;} .pro_item3 .pro_item3_list3{ margin-left:260px; margin-top:-30px;} .pro_item3 .pro_item3_list4{ margin-left:260px; margin-top:120px;} .pro_item3 .pro_item3_list5{ margin-left:130px; margin-top:40px;} .pro_item3 .pro_item3_list6{ margin-left:-150px; margin-top:-30px;} .pro_item3 .pro_item3_list .img{ float:left; width:30px; height:30px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list .img img{ float:left; width:100%; transition:all 2s;} .pro_item3 .pro_item3_list .img:hover img{ transform:scale(1.2, 1.2);} .pro_item3 .pro_item3_list .co_co{ position:absolute; width:50%; height:0%; left:10%; top:50%; padding:0 15%; border-radius:0; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:0;} .pro_item3 .pro_item3_list .co_co img{ display:inline-table; height:40px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:15px; padding-top:10px; font-weight:lighter} .pro_item3 .pro_item3_list:hover .co_co{opacity:1; height:auto; width:96%; padding:15px 2%; left:0; top:110%; } .pro_item4_img_mo{ height:auto; width:150%; margin-left:-40%; margin-top:-40px; display:none;} .pro_item4{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item4_1_m.png) center 120px no-repeat; background-size:100% auto; padding:100px 5% 150px 5%;} .pro_item4 div{ position:relative;} .pro_item4 div img{ float:left; width:100%} .pro_item4 .pro_item4_p_t1{ float:left; width:40%; padding:0; left:0%; top:0;} .pro_item4 .pro_item4_p_t2{ float:right; width:40%; padding:0; left:0%; top:0;} .pro_item4 .pro_item4_p_t3{ float:left; width:40%; padding:0; left:0%; top:0; margin-top:160px} .pro_item4 .pro_item4_p_t4{ float:right; width:40%; padding:0; left:0%; top:0; margin-top:160px} .pro_item4 .pro_item4_p_t5{ float:left; width:100%; padding:0; left:0%; top:0; margin-top:30px} .pro_item4 .pro_item4_p_t5 h3{ float:left; line-height:26px; background:#fff; color:#000; font-size:20px; padding:5px 3%; font-weight:bold} .pro_item4 .pro_item4_p_t5 span{ float:left; width:100%; margin-top:20px; font-size:15px; line-height:26px; color:#232323; font-weight:bold; text-align:justify} .pro_item5_img_mo{ width:180%; margin-left:-15%; height:auto; margin-top:-60px; display:none;} .pro_item5{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item5_1_m.png) center 0 no-repeat; background-size:100% auto; padding:100px 5% 150px 5%;} .pro_item5 .pro_item5_con{ position:relative; float:left; width:100%; right:auto; padding:0 0; top:auto; top:0; margin-top:400px;} .pro_item5 .pro_item5_con h3{ float:left; line-height:40px; background:#fff; color:#000; font-size:20px; padding:5px 3%;} .pro_item5 .pro_item5_con span{ float:left; width:100%; margin-top:15px; font-size:15px; line-height:26px; color:#232323;} .pro_item5 .pro_item5_con span i{ font-size:15px; line-height:26px; color:#232323;} .pro_item55{ position:absolute; width:100%; height:100%; left:0; top:0} .pro_item55_con{ position:absolute; width:96%; height:70%; left:2%; top:10%;} .pro_item55_con li{ position:relative; float:left; width:50%; height:130px; animation: fadeOuts 6s forwards; cursor:pointer;} .pro_item55_con li.pitm_ico1{ width:50%; top:0; left:0%; background:url(../images/pro_item55_0.png) center no-repeat; background-size:auto 90%; animation:none; border:none !important;} .pro_item55_con li.pitm_ico1 h3{ float:left; margin-left:100px; margin-top:60px; width:100%; line-height:50px; background:#fff; color:#232323; font-size:22px; font-weight:bold; text-align:center;} .pro_item55_con li.pitm_ico1 span{ float:left; margin-left:100px; margin-top:10px; width:100%; line-height:26px; color:#232323; font-size:16px; font-weight:lighter; text-align:center;} .pro_item55_con li.pitm_ico2{ top:0; right:0%; background:url(../images/pro_item55_1.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico3{ top:0%; right:0%; background:url(../images/pro_item55_2.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico4{ right:0%; bottom:0%; background:url(../images/pro_item55_3.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico5{ left:0%; bottom:0%; background:url(../images/pro_item55_4.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico6{ top:0%; left:0%; background:url(../images/pro_item55_5.png) center no-repeat; background-size: 70%;} .pro_item55_con li button{ float:left; width:100%; height:100%; background:none; border:none; outline:none; cursor:pointer;} .pro_item55_con li.activet{opacity:1 !important;} .pro_item55_con li.activet.pitm_ico2{ background:url(../images/pro_item55_1.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico3{ background:url(../images/pro_item55_2.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico4{ background:url(../images/pro_item55_3.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico5{ background:url(../images/pro_item55_4.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico6{ background:url(../images/pro_item55_5.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_txt{ position:absolute; width:96%; height:auto; left:2%; top:auto; bottom:30px; margin-top:0; margin-left:0;} .pro_item55_txt li:nth-child(1){ margin-top:0; margin-left:0;} .pro_item55_txt li:nth-child(1) h3{ background:#fff; color:#232323; margin-bottom:15px; width:auto; padding:0 20px; display:inline-table; float:none;} .pro_item55_txt li{ float:left; width:100%; text-align:center;} .pro_item55_txt li h3{ float:left; width:100%; font-size:22px; font-weight:bold; text-align:center; line-height:50px;} .pro_item55_txt li span{ float:left; width:100%; font-size:16px; font-weight:lighter; text-align:center; line-height:22px;} .pro_item55_txt li.contentt{ display:none;} .pro_item55_txt li.contentt.showt{ display:block;} .pro_item555_img_mo{ height:90%; width:220%; margin-left:-60%; margin-top:5%; transform: rotate(90deg); display:none;} .pro_item555{ position:relative; float:left; width:90%; height:auto; background:url(../images/pro_item555_1_m.png) center 10px no-repeat; background-size:100% auto; padding:200px 5%;} .pro_item555_title{ position:absolute; width:40%; left:30%; padding-top:40%; background-size:auto 150px; top:0%} .pro_item555_title h3{ font-size:22px; line-height:24px;} .pro_item555_title span{ font-size:15px; line-height:22px; margin-top:10px} .pro_item555_list{ position:relative; float:left; width:100%; height:auto; left:0; top:0;} .pro_item555_list li{ float:left; width:50%} .pro_item555_list li.pro_item555_list_li1{ margin-left:-10px;} .pro_item555_list li.pro_item555_list_li2{ float:right; margin-right:-10px} .pro_item555_list li.pro_item555_list_li3{ float:right; margin-top:100px; margin-right:-20px;} .pro_item555_list li.pro_item555_list_li4{ float:left; margin-top:100px;} .pro_item555_list li.pro_item555_list_li5{ float:left; margin-top:20px; margin-left:40%;} .pro_item555_list li.pro_item555_list_li1 p{ left:0; top:0%;} .pro_item555_list li.pro_item555_list_li2 p{ float:right; right:0%; top:0%;} .pro_item555_list li.pro_item555_list_li3 p{ float:right; width:200px; height:200px; right:0%; bottom:0;} .pro_item555_list li.pro_item555_list_li4 p{ left:0; bottom:0;} .pro_item555_list li.pro_item555_list_li5 p{ left:0; bottom:0;} .pro_item555_list li p{ position:relative; float:left; width:170px; height:170px; z-index:1} .pro_item555_list li .pro_item555_list_con{ width:40%; left:30%; top:20%;} .pro_item555_list li:hover .pro_item555_list_con{ height:auto} .pro_item555_list li .pro_item555_list_con h3{ font-size:22px; line-height:24px;} .pro_item555_list li .pro_item555_list_con span{ font-size:15px; line-height:20px;} .pro_item6{ position:relative; float:left; width:90%; height:auto; left:0; top:0; padding:60px 5% 100px 5%;} .pro_item6_title{ position:relative; float:left; width:100%; height:auto; left:0; top:5%; padding:0 0; text-align:center;} .pro_item6_title span{ float:left; width:100%; font-size:16px; line-height:35px; font-weight:bold} .pro_item6_title span.title_span1{ font-size:20px;} .pro_item6_list{ position:relative; float:left; width:100%; height:auto; left:0; top:0; padding:0; margin-top:30px} .pro_item6_list li{ float:left; margin-top:20px} .pro_item6_list li.list_li{ width:46%; padding:0 2%;} .pro_item6_list li.list_ico{ display:none;} .pro_item6_list li.list_ico1{ background:url(../images/pro_item6_5.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li.list_ico2{ background:url(../images/pro_item6_6.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li.list_ico3{ background:url(../images/pro_item6_7.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li h3{ margin:5px 0} .pro_item6_list li p{ float:left; width:100%; overflow:hidden; text-align:center;} .pro_item6_list li span{ line-height:22px} .pro_item6_list li p img{ float:none; display:inline-table; width:auto; height:130px} .pro_item7_img_mo{ height:auto; width:130%; margin-left:-17%; display:none;} .pro_item7{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item7_1_m.jpg) center 140px no-repeat; background-size:100% auto; padding:60px 5% 100px 5%;} .pro_item7 .pro_item7_title{ position:relative; float:left; width:100%; height:auto; left:0; top:0; line-height:30px; font-size:20px; font-weight:bold; text-align:left;} .pro_item7 .pro_item7_title h3{ font-size:20px;} .pro_item7 .pro_item7_title i{ font-size:20px; font-weight:bold;} .pro_item7 .pro_item7_title i.b{ vertical-align:middle} .pro_item7 .pro_item7_con{ position:relative; float:left; left:0; width:100%; top:0} .pro_item7 .pro_item7_con h3{ text-align:right;} .pro_item7 .pro_item7_con span{ margin-top:620px} .pro_item7 .pro_item7_con2{ position:relative; float:left; left:0; width:80%; padding-left:20%; top:0; line-height:26px; font-size:15px; font-weight:lighter; margin-top:20px;} .pro_item8_img_mo{ width:260%; margin-left:-100%; height:100%; margin-top:0; display:none;} .pro_item8{ position:relative; float:left; width:90%; height:auto; left:0; top:0; padding:60px 5% 200px 5%; background:url(../images/pro_item8_0_m.jpg) center bottom no-repeat; background-size:100% auto;} .pro_item8 .pro_item8_title{ position:relative; float:left; width:100%; padding:0; height:auto; left:0; top:0%; text-align:center;} .pro_item8 .pro_item8_title img{ float:left; height:100%;} .pro_item8 .pro_item8_list{ position:relative; float:left; width:100%; padding:0; left:0; top:0; bottom:none;} .pro_item8 .pro_item8_list li{ float:left; width:100%; padding:0; margin-bottom:30px} .pro_item8 .pro_item8_list li p{ float:left; width:100%; text-align:center;} .pro_item8 .pro_item8_list li p img{ float:left; display:inline-table; width:100%; height:auto;} .pro_item8 .pro_item8_list li h3{ float:left; width:80%; padding:0 10%; font-size:18px; font-weight:bold; color:#232323; line-height:26px; text-align:center; padding-bottom:10px} .pro_item8 .pro_item8_list li span{ float:left; width:80%; padding:0 10%; font-size:15px; color:#232323; line-height:26px; text-align:center;} .pro_item9{ padding:30px 0;} .pro_item9_con{ width:96%; padding:0 2%;} .pro_item9_con .pro_item9_con_list{ margin-top:30px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_l{ width:100%;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r{ width:100%;} .pro_item10{ padding:30px 0;} .pro_item10_con{ width:96%; padding:0 2%;} .pro_item10_con_linav{ margin-top:20px} .pro_item10_con_linav li{ height:400px;} .pro_item10_con_linav li a{ line-height:400px;} .pro_item10_con_linav li span{ font-size:30px; margin-left:-12px; top:20px} .pro_item10_con_linav li dl{ display:none;} .pro_item10_con_linav li dd{ display:none;} .starfieldc_con{ position:fixed; width:100%; height:100%; left:0; padding:0; top:0; background:#fff; display:none; z-index:100} .starfieldc_con .close{ position:absolute; right:50%; margin-right:-15px; top:none; bottom:30px; width:30px; height:30px; background:url(../images/theclose.png) center no-repeat; background-size:cover;} .starfieldc_con_c{ float:left; width:96%; height:100%; padding:0 2%; overflow:hidden; overflow-y:auto;} .pro_item11{ padding:30px 0; background-size: 100% auto;} .pro_item11_con{ width:96%; padding:0 2% 50px 2%;} .pro_item11_con .pro_item11_con_list li h3{ height:50px; line-height:25px; font-size:16px; overflow:hidden;} .pro_item11_con .pro_item11_con_list li{ margin-top:20px;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_img{ width:100%; margin-right:0} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down{ width:100%;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p{ margin-top:15px; margin-right:10px} /* 缩略图浏览 */ .img_content { height:500px; width:96%; left:0; top:50%; margin:-250px 0 0 0; padding:2%; text-align:center;box-shadow: 0 5px 20px #fff; } .img_content span{ font-size:15px; line-height:32px;} .img_content img{ height:auto;} .m-index-page2 { height: 580vh; } } @media all and (max-width:767px){ /*@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){*/ #navBar{ display:none;} .hlogo{ display:none} .blogo{ display:block;} .page2{ overflow:hidden; height:auto !important} .header_home .langs_nav .mainlevel .n_list{ color:#232323 !important;} .header_home .langs_r h3 a{ color:#fff !important;} .header_home .cl_nav{ position:absolute; float:right; top:14px; right:20px; display:block; z-index:100; background:url(../images/t_tcimghome.png) right center no-repeat !important; background-size:26px 19px !important; width:26px; height:28px; margin-top:12px; cursor:pointer;} .top_banner{ background:#000} .top_banner .slides li{ background:#000;} .top_banner .slides li video{ height:auto !important; width:100% !important;} .top_banner .slides li img{ width:100%; height:auto;} .top_banner .slides li .sli_top{ height:100%; bottom:0; top:auto; background:url(../images/sli_top_bj.png) center top repeat-x;}/* .top_banner .slides li .sli_top .c_ban{ top:62%;} .top_banner .slides li dd{ font-size:35px; height:auto; padding:50px 0 30px 0; line-height:40px;} .top_banner .slides li p{ font-size:16px; opacity:1;} .top_banner .slides li p span{opacity:0.9; height:40px; font-size:16px;}*/ .top_banner .flex-control-nav{ top:auto; bottom:30px; right:auto; width:100%;} .top_banner .flex-control-nav li{ margin:0 3px} .top_banner .flex-control-nav a{ background:#333} .top_banner_ico{ bottom:50px} .top_banner .slides li .sli_top .c_ban{ position:absolute; width:90%; padding:0 5%; height:200px; left:0; top:50%; margin-top:-80px; text-align:center;} .top_banner .slides li dd{ float:left; width:100%;} .top_banner .slides li dd.dd_1{ height:40px; background:url(../images/banner_logo.png) center no-repeat; background-size:auto 100%;} .top_banner .slides li dd.dd_2{ height:70px; line-height:35px; font-size:30px; color:#fff; font-weight:bold; margin-top:40px;} .top_banner .slides li dd.dd_3{ line-height:30px; font-size:16px; color:#fff; font-weight:bold; margin-bottom:10px;} .top_banner .slides li p{ float:left; width:100%; line-height:26px; font-size:16px; color:#fff;opacity:0.7; text-align:center} .pro_item1_img_mo{ width:380%; margin-left:-100%; display:none !important;} .pro_item1{ position:absolute; width:90%; height:100%; left:5%; top:0;} .pro_item1 .pro_item1_img{ position:absolute; width:50%; right:0; top:10%;} .pro_item1 .pro_item1_img img{ float:left; width:100%; } .pro_item1 .pro_item1_txt{ position:absolute; width:100%; left:0; top:33%; font-size:15px; color:#fff; line-height:20px; text-align:left;} .pro_item1 .pro_item1_list{ position:absolute; left:0; top:21%; width:100%;} .pro_item1 .pro_item1_list li{ float:left; width:33.3%; height:100%; text-align:center;} .pro_item1 .pro_item1_list li img{ display:inline-table; height:80px} .current { z-index:1 !important} .pro_item2_img_mo{ width:320%; margin-left:-80%} .pro_item2{ position:absolute; width:100%; height:100%; left:0; top:0;} .pro_item2_c4{ position:absolute; width:90%; height:400px; left:5%; top:50%; margin:-250px 0 0 0;} .pro_item2_c4 .pro_item2_c4_nav{ position:absolute; width:100%; height:100%; left:0; top:5%; overflow:none;} .pro_item2_c4 .pro_item2_c4_nav .btn{ position:absolute; width:100px; height:100px; color:#fff; outline:none; cursor:pointer; border:none; font-size:20px; font-weight:bold; color:#fff; line-height:26px; text-align:center; transition: all .5s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item2_c4 .pro_item2_c4_nav .btn i{ font-size:15px; color:#fff; font-weight:bold;} .pro_item2_c4 .pro_item2_c4_nav .btn1{ left:0; top:40%; background:url(../images/pro_item2_7.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn2{ left:35%; top:0; background:url(../images/pro_item2_6.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn3{ right:0; top:30%; background:url(../images/pro_item2_8.png) center no-repeat; background-size:100% 100%} .pro_item2_c4 .pro_item2_c4_nav .btn:hover{opacity:0.8; margin-top:5px;} .pro_item2_c4 .pro_item2_c4_con{ position:absolute; width:96%; height:auto; left:2%; top:75%;} .pro_item2_c4 .pro_item2_c4_con .content{ display:none; float:left; width:100%; height:auto; padding-top:0; text-align:center; font-size:15px; color:#fff; line-height:26px; font-weight:lighter;} .pro_item2_c4 .pro_item2_c4_con .content1{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content2{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .content3{ background:none; background-size:90px 90px} .pro_item2_c4 .pro_item2_c4_con .show{ display:block;} .pro_item3_img_mo{ width:280%; margin-left:-30%;} .pro_item3{ position:absolute; left:50%; margin-left:-150px; top:5%; margin-top:auto; width:300px; height:300px; background:url(../images/pro_item3_2.png) center no-repeat; background-size:cover} .pro_item3 .pro_item3_top{ position:absolute; width:100%; height:100%; left:0; top:105%; padding:3% 0%; border-radius:0; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:1;} .pro_item3 .pro_item3_top img{ display:inline-table; height:80px;} .pro_item3 .pro_item3_top span{ float:left; width:100%; line-height:20px; color:#fff; text-align:center; font-size:15px; padding-top:0px;} /*.pro_item3:hover .pro_item3_top{opacity:0;}*/ .pro_item3 .pro_item3_list{ float:left; display:inline-table; width:30px; height:30px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list1{ margin-left:10px; margin-top:60px;} .pro_item3 .pro_item3_list2{ margin-left:95px; margin-top:-20px;} .pro_item3 .pro_item3_list3{ margin-left:260px; margin-top:-30px;} .pro_item3 .pro_item3_list4{ margin-left:260px; margin-top:120px;} .pro_item3 .pro_item3_list5{ margin-left:130px; margin-top:40px;} .pro_item3 .pro_item3_list6{ margin-left:-150px; margin-top:-30px;} .pro_item3 .pro_item3_list .img{ float:left; width:30px; height:30px; overflow:hidden; cursor:pointer;} .pro_item3 .pro_item3_list .img img{ float:left; width:100%; transition:all 2s;} .pro_item3 .pro_item3_list .img:hover img{ transform:scale(1.2, 1.2);} .pro_item3 .pro_item3_list .co_co{ position:absolute; width:50%; height:0%; left:10%; top:50%; padding:0 15%; border-radius:0; overflow:hidden; text-align:center; transition: all 1s ease; blr:expression(this.onFocus=this.blur());opacity:0;} .pro_item3 .pro_item3_list .co_co img{ display:inline-table; height:40px;} .pro_item3 .pro_item3_list .co_co span{ float:left; width:100%; line-height:26px; color:#fff; text-align:center; font-size:15px; padding-top:10px; font-weight:lighter} .pro_item3 .pro_item3_list:hover .co_co{opacity:1; height:auto; width:96%; padding:15px 2%; left:0; top:110%; } .pro_item4_img_mo{ height:auto; width:150%; margin-left:-40%; margin-top:-40px; display:none;} .pro_item4{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item4_1_m.png) center 120px no-repeat; background-size:100% auto; padding:100px 5% 100px 5%;} .pro_item4 div{ position:relative;} .pro_item4 div img{ float:left; width:100%} .pro_item4 .pro_item4_p_t1{ float:left; width:40%; padding:0; left:0%; top:0;} .pro_item4 .pro_item4_p_t2{ float:right; width:40%; padding:0; left:0%; top:0;} .pro_item4 .pro_item4_p_t3{ float:left; width:40%; padding:0; left:0%; top:0; margin-top:160px} .pro_item4 .pro_item4_p_t4{ float:right; width:40%; padding:0; left:0%; top:0; margin-top:160px} .pro_item4 .pro_item4_p_t5{ float:left; width:100%; padding:0; left:0%; top:0; margin-top:30px} .pro_item4 .pro_item4_p_t5 h3{ float:left; line-height:26px; background:#fff; color:#000; font-size:20px; padding:5px 3%; font-weight:bold} .pro_item4 .pro_item4_p_t5 span{ float:left; width:100%; margin-top:20px; font-size:15px; line-height:26px; color:#232323; font-weight:bold; text-align:left} .pro_item5_img_mo{ width:180%; margin-left:-15%; height:auto; margin-top:-60px; display:none;} .pro_item5{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item5_1_m.png) center 0 no-repeat; background-size:100% auto; padding:100px 5% 100px 5%;} .pro_item5 .pro_item5_con{ position:relative; float:left; width:100%; right:auto; padding:0 0; top:auto; top:0; margin-top:150px;} .pro_item5 .pro_item5_con h3{ float:left; line-height:40px; background:#fff; color:#000; font-size:20px; padding:5px 3%;} .pro_item5 .pro_item5_con span{ float:left; width:100%; margin-top:15px; font-size:15px; line-height:26px; color:#232323; text-align:left} .pro_item5 .pro_item5_con span i{ font-size:15px; line-height:26px; color:#232323;} .pro_item55{ position:absolute; width:100%; height:100%; left:0; top:0} .pro_item55_con{ position:absolute; width:96%; height:70%; left:2%; top:10%;} .pro_item55_con li{ position:relative; float:left; width:50%; height:130px; animation: fadeOuts 6s forwards; cursor:pointer;} .pro_item55_con li.pitm_ico1{ width:50%; top:0; left:0%; background:url(../images/pro_item55_0.png) center no-repeat; background-size:auto 90%; animation:none; border:none !important;} .pro_item55_con li.pitm_ico1 h3{ float:left; margin-left:100px; margin-top:60px; width:100%; line-height:50px; background:#fff; color:#232323; font-size:22px; font-weight:bold; text-align:center;} .pro_item55_con li.pitm_ico1 span{ float:left; margin-left:100px; margin-top:10px; width:100%; line-height:26px; color:#232323; font-size:16px; font-weight:lighter; text-align:center;} .pro_item55_con li.pitm_ico2{ top:0; right:0%; background:url(../images/pro_item55_1.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico3{ top:0%; right:0%; background:url(../images/pro_item55_2.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico4{ right:0%; bottom:0%; background:url(../images/pro_item55_3.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico5{ left:0%; bottom:0%; background:url(../images/pro_item55_4.png) center no-repeat; background-size: 70%;} .pro_item55_con li.pitm_ico6{ top:0%; left:0%; background:url(../images/pro_item55_5.png) center no-repeat; background-size: 70%;} .pro_item55_con li button{ float:left; width:100%; height:100%; background:none; border:none; outline:none; cursor:pointer;} .pro_item55_con li.activet{opacity:1 !important;} .pro_item55_con li.activet.pitm_ico2{ background:url(../images/pro_item55_1.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico3{ background:url(../images/pro_item55_2.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico4{ background:url(../images/pro_item55_3.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico5{ background:url(../images/pro_item55_4.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_con li.activet.pitm_ico6{ background:url(../images/pro_item55_5.png) center no-repeat; background-size: 70%;opacity:1 !important;} .pro_item55_txt{ position:absolute; width:96%; height:auto; left:2%; top:auto; bottom:30px; margin-top:0; margin-left:0;} .pro_item55_txt li:nth-child(1){ margin-top:0; margin-left:0;} .pro_item55_txt li:nth-child(1) h3{ background:#fff; color:#232323; margin-bottom:15px; width:auto; padding:0 20px; display:inline-table; float:none;} .pro_item55_txt li{ float:left; width:100%; text-align:center;} .pro_item55_txt li h3{ float:left; width:100%; font-size:22px; font-weight:bold; text-align:center; line-height:50px;} .pro_item55_txt li span{ float:left; width:100%; font-size:16px; font-weight:lighter; text-align:center; line-height:22px;} .pro_item55_txt li.contentt{ display:none;} .pro_item55_txt li.contentt.showt{ display:block;} .pro_item555_img_mo{ height:90%; width:220%; margin-left:-60%; margin-top:5%; transform: rotate(90deg); display:none;} .pro_item555{ position:relative; float:left; width:90%; height:auto; background:url(../images/pro_item555_1_m.png) center 50px no-repeat; background-size:100% 88%; padding:100px 5%;} .pro_item555_title{ position:absolute; width:48%; left:28%; padding-top:40%; background-size:auto 100px; top:0%} .pro_item555_title h3{ width:90%; font-size:15px; line-height:20px; padding:3px 5%;} .pro_item555_title span{ font-size:14px; line-height:18px; margin-top:10px} .pro_item555_list{ position:relative; float:left; width:100%; height:auto; left:0; top:0;} .pro_item555_list li{ float:left; width:50%} .pro_item555_list li.pro_item555_list_li1{ margin-left:-10px} .pro_item555_list li.pro_item555_list_li2{ float:right; margin-right:-10px} .pro_item555_list li.pro_item555_list_li3{ float:right; margin-top:100px; margin-right:-20px;} .pro_item555_list li.pro_item555_list_li4{ float:left; margin-top:100px;} .pro_item555_list li.pro_item555_list_li5{ float:left; margin-top:180px; margin-left:40%;} .pro_item555_list li.pro_item555_list_li1 p{ left:0; top:0%;} .pro_item555_list li.pro_item555_list_li2 p{ float:right; right:0%; top:0%;} .pro_item555_list li.pro_item555_list_li3 p{ float:right; width:100px; height:100px; right:0%; bottom:0;} .pro_item555_list li.pro_item555_list_li4 p{ left:0; bottom:0;} .pro_item555_list li.pro_item555_list_li5 p{ left:0; bottom:0;} .pro_item555_list li p{ position:relative; float:left; width:80px; height:80px; z-index:1} .pro_item555_list li .pro_item555_list_con{ width:50%; left:25%; top:5%;} .pro_item555_list li:hover .pro_item555_list_con{ height:auto} .pro_item555_list li .pro_item555_list_con h3{ font-size:15px; line-height:20px;} .pro_item555_list li .pro_item555_list_con span{ font-size:14px; line-height:16px;} .pro_item6{ position:relative; float:left; width:90%; height:auto; left:0; top:0; padding:60px 5% 100px 5%;} .pro_item6_title{ position:relative; float:left; width:100%; height:auto; left:0; top:5%; padding:0 0; text-align:center;} .pro_item6_title span{ float:left; width:100%; font-size:16px; line-height:35px; font-weight:bold} .pro_item6_title span.title_span1{ font-size:20px;} .pro_item6_list{ position:relative; float:left; width:100%; height:auto; left:0; top:0; padding:0; margin-top:30px} .pro_item6_list li{ float:left; margin-top:20px} .pro_item6_list li.list_li{ width:46%; padding:0 2%;} .pro_item6_list li.list_ico{ display:none;} .pro_item6_list li.list_ico1{ background:url(../images/pro_item6_5.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li.list_ico2{ background:url(../images/pro_item6_6.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li.list_ico3{ background:url(../images/pro_item6_7.png) center 40% no-repeat; background-size:100% auto} .pro_item6_list li h3{ margin:5px 0} .pro_item6_list li p{ float:left; width:100%; overflow:hidden; text-align:center;} .pro_item6_list li span{ line-height:22px} .pro_item6_list li p img{ float:none; display:inline-table; width:auto; height:120px} .pro_item7_img_mo{ height:auto; width:130%; margin-left:-17%; display:none;} .pro_item7{ position:relative; float:left; width:90%; height:auto; left:0; top:0; background:url(../images/pro_item7_1_m.jpg) center 140px no-repeat; background-size:100% auto; padding:60px 5% 100px 5%;} .pro_item7 .pro_item7_title{ position:relative; float:left; width:100%; height:auto; left:0; top:0; line-height:30px; font-size:20px; font-weight:bold; text-align:left;} .pro_item7 .pro_item7_title h3{ font-size:20px;} .pro_item7 .pro_item7_title i{ font-size:20px; font-weight:bold;} .pro_item7 .pro_item7_title i.b{ vertical-align:middle} .pro_item7 .pro_item7_con{ position:relative; float:left; left:0; width:100%; top:0} .pro_item7 .pro_item7_con h3{ text-align:right;} .pro_item7 .pro_item7_con dd{ text-align:left} .pro_item7 .pro_item7_con span{ margin-top:360px} .pro_item7 .pro_item7_con2{ position:relative; float:left; left:0; width:80%; padding-left:20%; top:0; line-height:26px; font-size:15px; font-weight:lighter; margin-top:20px; text-align:left} .pro_item8_img_mo{ width:260%; margin-left:-100%; height:100%; margin-top:0; display:none;} .pro_item8{ position:relative; float:left; width:90%; height:auto; left:0; top:0; padding:60px 5% 200px 5%; background:url(../images/pro_item8_0_m.jpg) center bottom no-repeat; background-size:100% auto;} .pro_item8 .pro_item8_title{ position:relative; float:left; width:100%; padding:0; height:auto; left:0; top:0%; text-align:center;} .pro_item8 .pro_item8_title img{ float:left; height:100%;} .pro_item8 .pro_item8_list{ position:relative; float:left; width:100%; padding:0; left:0; top:0; bottom:none; margin-top:20px} .pro_item8 .pro_item8_list li{ float:left; width:100%; padding:0; margin-bottom:30px} .pro_item8 .pro_item8_list li p{ float:left; width:100%; text-align:center;} .pro_item8 .pro_item8_list li p img{ float:left; display:inline-table; width:100%; height:auto;} .pro_item8 .pro_item8_list li h3{ float:left; width:80%; padding:0 10%; font-size:18px; font-weight:bold; color:#232323; line-height:26px; text-align:center; padding-bottom:10px} .pro_item8 .pro_item8_list li span{ float:left; width:80%; padding:0 10%; font-size:15px; color:#232323; line-height:26px; text-align:center;} .pro_item9{ padding:30px 0;} .pro_item9_con{ width:96%; padding:0 2%;} .pro_item9_con .pro_item9_con_list{ margin-top:30px;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_l{ width:100%;} .pro_item9_con .pro_item9_con_list .pro_item9_con_list_r{ width:100%;} .pro_item10{ padding:30px 0;} .pro_item10_con{ width:96%; padding:0 2%;} .pro_item10_con_linav{ margin-top:20px} .pro_item10_con_linav li{ height:300px;} .pro_item10_con_linav li a{ line-height:300px;} .pro_item10_con_linav li span{ font-size:30px; margin-left:-12px; top:20px} .pro_item10_con_linav li dl{ display:none;} .pro_item10_con_linav li dd{ display:none;} .starfieldc_con{ position:fixed; width:100%; height:100%; left:0; padding:0; top:0; background:#fff; display:none; z-index:100} .starfieldc_con .close{ position:absolute; right:50%; margin-right:-15px; top:none; bottom:30px; width:30px; height:30px; background:url(../images/theclose.png) center no-repeat; background-size:cover;} .starfieldc_con_c{ float:left; width:96%; height:100%; padding:0 2%; overflow:hidden; overflow-y:auto;} .pro_item11{ padding:30px 0; background-size: 100% auto;} .pro_item11_con{ width:96%; padding:0 2% 50px 2%;} .pro_item11_con .pro_item11_con_list li h3{ height:75px; line-height:25px; font-size:16px; overflow:hidden;} .pro_item11_con .pro_item11_con_list li{ margin-top:40px;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_img{ width:100%; margin-right:0} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down{ width:100%;} .pro_item11_con .pro_item11_con_list li .pro_itemlist_down p{ margin-top:15px; margin-right:30px} /* 缩略图浏览 */ .img_content { height:350px; width:96%; left:0; top:50%; margin:-170px 0 0 0; padding:2%; text-align:center;box-shadow: 0 5px 20px #fff; } .img_content span{ font-size:15px; line-height:32px;} .img_content img{ height:auto;} .m-index-page2 { height: 580vh; } }